Benoemde kleur · #CFBB75
Green Citrine
Green Citrine is #CFBB75: rgb(207 187 117), hsl(47 48% 64%), oklch(0.793 0.093 94). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Green Citrine color name →
#CFBB75
oklch(0.793 0.093 94)
Kleurconversies
- HEX
- #cfbb75
- RGB
- rgb(207 187 117)
- HSL
- hsl(47 48% 64%)
- HWB
- hwb(47 46% 19%)
- OKLCH
- oklch(0.793 0.093 94)
- OKLab
- oklab(0.793 -0.006 0.092)
- CIE Lab
- lab(76.43 0.31 38.08)
- LCH
- lch(76.43 38.08 89.5)
- CMYK
- cmyk(0% 10% 43% 19%)
Tinten · Schaduwen · Tonen
Tinten
- D4C283
- D8C992
- DDCFA0
- E2D6AD
- E7DDBB
- ECE4C9
- F0EBD6
- F5F1E4
- FAF8F1
Schaduwen
- B4A265
- 998A55
- 7F7346
- 675C37
- 4F4629
- 38321C
- 231F0F
- 100D05
- 020201
Tonen
- C7B577
- BFAF79
- B7A97B
- AFA37C
- A79D7D
- 9F977E
- 97927F
- 8F8C7F
- 888680
Kleurharmonieën
Complementair +180°
- CFBB75
Green Citrine
- A9B8F8
≈ Pastel Blue
Analoog -30° +30°
- CFBB75
Green Citrine
- E6AF7C
≈ Squash Bisque
- AFC684
≈ Gnome Green
Triadisch +120° +240°
- CFBB75
Green Citrine
- 6FCBE0
≈ Betsy
- E1A5D4
≈ Cosmic Pink
Gesplitst complementair +150° +210°
- CFBB75
Green Citrine
- 87C3F3
≈ Wasurenagusa Blue
- C8ADEC
≈ Purple Sand
Tetradisch +90° +180° +270°
- CFBB75
Green Citrine
- 71CFC2
≈ Dip in the Pool
- A9B8F8
≈ Pastel Blue
- EFA3B5
≈ Emperor’s Children
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.90:1 · APCA Lc 36
Ag
AAAOp zwart
WCAG 11.01:1 · APCA Lc 66
Beste tekstkleur: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Codefragmenten
CSS
:root {
--green-citrine: #cfbb75;
--green-citrine-rgb: 207 187 117;
--green-citrine-oklch: oklch(0.793 0.093 94);
}
.element {
color: var(--green-citrine);
background-color: hsl(47 48% 64%);
border-color: oklch(0.793 0.093 94);
}Tailwind CSS v4
@theme {
--color-green-citrine: #cfbb75;
--color-green-citrine-50: #fdf6d8;
--color-green-citrine-100: #f1e8c6;
--color-green-citrine-200: #e0d5a8;
--color-green-citrine-300: #c5b881;
--color-green-citrine-400: #b09e5c;
--color-green-citrine-500: #9a8535;
--color-green-citrine-600: #82702f;
--color-green-citrine-700: #685a25;
--color-green-citrine-800: #4e4119;
--color-green-citrine-900: #362d10;
--color-green-citrine-950: #211a03;
}SCSS
$green-citrine: #cfbb75;
$green-citrine-rgb: 207, 187, 117;
$green-citrine-light: mix(#fff, $green-citrine, 20%);
$green-citrine-dark: mix(#000, $green-citrine, 20%);
.element {
color: $green-citrine;
box-shadow: 0 0 0 2px rgba($green-citrine, 0.35);
}