ColorTool
Accedi
#CBCF9E

#cbcf9e ≈ Sage

  • giallo
  • Luminosità: alta
  • Saturazione: attenuata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#cbcf9e è un colore della famiglia «giallo», con luminosità alta e saturazione attenuata. Nel modello RGB è composto da 79,61% di rosso, 81,18% di verde e 61,96% di blu; in stampa CMYK usa 1,93% di ciano, 0% di magenta, 23,67% di giallo e 18,82% di nero. Il suo angolo di tinta è 64,9°, con 33,79% di saturazione e 71,57% di luminosità in HSL. È un colore caldo, spesso associato a ottimismo, attenzione e gioia. I designer lo usano spesso per evidenziazioni e avvisi, prodotti per bambini e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 12,96:1 (WCAG AAA). Il colore con nome più vicino è Sage (#bcb88a), ΔE 6,1.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#cccc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.5979

Complementare

  1. #cbcf9e
  2. #a29ecf

Complementare diviso

  1. #cbcf9e
  2. #9eb3cf
  3. #bb9ecf

Analogo

  1. #cfbb9e
  2. #cbcf9e
  3. #b3cf9e

Triadico

  1. #cbcf9e
  2. #9ecbcf
  3. #cf9ecb

Tetradico

  1. #cbcf9e
  2. #9ecfa2
  3. #a29ecf
  4. #cf9ecb

Quadrato

  1. #cbcf9e
  2. #9ecfbb
  3. #a29ecf
  4. #cf9eb3

Monocromatico

  1. #888e46
  2. #b0b66b
  3. #cbcf9e
  4. #e6e8d1
  5. #f8f8f1

Ombre

#cbcf9e miscelato progressivamente con il nero.

  1. #cbcf9e
  2. #b7ba8e
  3. #a2a67e
  4. #8e916f
  5. #7a7c5f
  6. #66684f
  7. #51533f
  8. #3d3e2f
  9. #292920
  10. #141510
  11. #000000

Tinte

#cbcf9e miscelato progressivamente con il bianco.

  1. #cbcf9e
  2. #d0d4a8
  3. #d5d9b1
  4. #dbddbb
  5. #e0e2c5
  6. #e5e7cf
  7. #eaecd8
  8. #eff1e2
  9. #f5f5ec
  10. #fafaf5
  11. #ffffff

Toni

#cbcf9e miscelato progressivamente con il grigio.

  1. #cbcf9e
  2. #c4c79b
  3. #bcbf98
  4. #b5b795
  5. #adaf92
  6. #a6a88f
  7. #9ea08c
  8. #979889
  9. #8f9086
  10. #888883
  11. #808080

Testo leggibile 1.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 12.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cbcbcb ≈ 0.003% degli uomini
Acromatomalia #cbcdbb ≈ 0.001% degli uomini
Protanopia #d7ca9b ≈ 1.01% degli uomini
Deuteranopia #d7cca0 ≈ 1.27% degli uomini
Tritanopia #d1c9c2 ≈ 0.0001% degli uomini
Protanomalia #d2cc9c ≈ 1.08% degli uomini
Deuteranomalia #d2cd9f ≈ 4.63% degli uomini
Tritanomalia #cfcbb5 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-cbcf9e {
  color: #cbcf9e;
}
Sfondo
.bg-cbcf9e {
  background-color: #cbcf9e;
  color: #000000;
}
Bordo
.border-cbcf9e {
  border: 2px solid #cbcf9e;
}
Variabili CSS
:root {
  --color-primary: #cbcf9e;
  --color-primary-rgb: 203 207 158;
  --color-primary-hsl: 65 34% 72%;
}
Sfumatura
.gradient-cbcf9e {
  background: linear-gradient(135deg, #cbcf9e, #b3cf9e);
}
Ombra colorata
.shadow-cbcf9e {
  box-shadow: 0 8px 24px rgb(203 207 158 / 0.35);
}

#bcb88a Sage ΔE 6.10 #eee8aa Pale Goldenrod ΔE 7.33 #f3e5ab Vanilla ΔE 8.30 #bdb76b Dark Khaki ΔE 9.04 #faf0be Blond ΔE 9.27 #c2b280 Ecru ΔE 9.43 #d0f0c0 Tea Green ΔE 9.83 #343061 Invertito #cbcbcb Scala di grigi 

Sage
#cbcf9e  rgb(203, 207, 158)  hsl(65, 34%, 72%)  Sage
#a29ecf  rgb(162, 158, 207)  hsl(245, 34%, 72%)  Wild Blue Yonder
#9ecbcf  rgb(158, 203, 207)  hsl(185, 34%, 72%)  Powder Blue
#cf9ecb  rgb(207, 158, 203)  hsl(305, 34%, 72%)  Lilac