Benoemde kleur · #CEBC55
Limón Fresco
Limón Fresco is #CEBC55: rgb(206 188 85), hsl(51 55% 57%), oklch(0.79 0.125 99.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Limón Fresco color name →
#CEBC55
oklch(0.79 0.125 99.5)
Kleurconversies
- HEX
- #cebc55
- RGB
- rgb(206 188 85)
- HSL
- hsl(51 55% 57%)
- HWB
- hwb(51 33% 19%)
- OKLCH
- oklch(0.79 0.125 99.5)
- OKLab
- oklab(0.79 -0.021 0.123)
- CIE Lab
- lab(76.27 -2.62 53.25)
- LCH
- lch(76.27 53.32 92.8)
- CMYK
- cmyk(0% 9% 59% 19%)
Tinten · Schaduwen · Tonen
Tinten
- D3C369
- D7CA7C
- DCD08D
- E1D79E
- E6DEAF
- EBE5BF
- F0EBCF
- F5F2DF
- FAF8EF
Schaduwen
- B3A349
- 988B3D
- 7F7331
- 665D26
- 4E471C
- 383211
- 231F08
- 0F0D02
- 020200
Tonen
- C6B65C
- BEB063
- B6AA68
- AEA46D
- A69E71
- 9E9875
- 969278
- 8F8C7B
- 87867E
Kleurharmonieën
Complementair +180°
- CEBC55
Limón Fresco
- ACB3FF
≈ Winterspring Lilac
Analoog -30° +30°
- CEBC55
Limón Fresco
- EEAB5B
≈ Polished Gold
- A1CB72
≈ Alverda
Triadisch +120° +240°
- CEBC55
Limón Fresco
- 44CDF1
≈ Picnic Day Sky
- F09AD4
≈ Pearly Pink
Gesplitst complementair +150° +210°
- CEBC55
Limón Fresco
- 82C0FF
≈ Scenic Water
- D3A4F7
≈ Lilac
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.91:1 · APCA Lc 37
Ag
AAAOp zwart
WCAG 10.94:1 · APCA Lc 66
Beste tekstkleur: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
Codefragmenten
CSS
:root {
--limon-fresco: #cebc55;
--limon-fresco-rgb: 206 188 85;
--limon-fresco-oklch: oklch(0.79 0.125 99.5);
}
.element {
color: var(--limon-fresco);
background-color: hsl(51 55% 57%);
border-color: oklch(0.79 0.125 99.5);
}Tailwind CSS v4
@theme {
--color-limon-fresco: #cebc55;
--color-limon-fresco-50: #fcf7ce;
--color-limon-fresco-100: #f0eaba;
--color-limon-fresco-200: #dfd798;
--color-limon-fresco-300: #c4ba6c;
--color-limon-fresco-400: #b09f3e;
--color-limon-fresco-500: #9b8600;
--color-limon-fresco-600: #837200;
--color-limon-fresco-700: #695b00;
--color-limon-fresco-800: #4e4200;
--color-limon-fresco-900: #362e00;
--color-limon-fresco-950: #211a00;
}SCSS
$limon-fresco: #cebc55;
$limon-fresco-rgb: 206, 188, 85;
$limon-fresco-light: mix(#fff, $limon-fresco, 20%);
$limon-fresco-dark: mix(#000, $limon-fresco, 20%);
.element {
color: $limon-fresco;
box-shadow: 0 0 0 2px rgba($limon-fresco, 0.35);
}