Benoemde kleur · #DCC68E
Lemon Sorbet Yellow
Lemon Sorbet Yellow is #DCC68E: rgb(220 198 142), hsl(43 53% 71%), oklch(0.832 0.077 89). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Lemon Sorbet Yellow color name →
#DCC68E
oklch(0.832 0.077 89)
Kleurconversies
- HEX
- #dcc68e
- RGB
- rgb(220 198 142)
- HSL
- hsl(43 53% 71%)
- HWB
- hwb(43 56% 14%)
- OKLCH
- oklch(0.832 0.077 89)
- OKLab
- oklab(0.832 0.001 0.077)
- CIE Lab
- lab(80.76 2.11 31.1)
- LCH
- lch(80.76 31.17 86.1)
- CMYK
- cmyk(0% 10% 35% 14%)
Tinten · Schaduwen · Tonen
Tinten
- DFCC9A
- E3D1A5
- E6D7B0
- EADDBC
- EDE3C7
- F1E8D2
- F4EEDD
- F8F4E9
- FBF9F4
Schaduwen
- BFAC7B
- A39268
- 887A56
- 6E6244
- 544B34
- 3C3524
- 262115
- 110E07
- 020201
Tonen
- D2BF8D
- C9B88C
- C0B18B
- B6AA8A
- ADA388
- A49C87
- 9B9585
- 928E84
- 898782
Kleurharmonieën
Complementair +180°
- DCC68E
Lemon Sorbet Yellow
- B3C7FB
≈ Night Snow
Analoog -30° +30°
- DCC68E
Lemon Sorbet Yellow
- EEBC96
≈ Caramel Powder
- C2D097
≈ Cricket Field
Triadisch +120° +240°
- DCC68E
Lemon Sorbet Yellow
- 8AD6E3
≈ Fresh Blue
- E5B6E1
≈ Pink Drink
Gesplitst complementair +150° +210°
- DCC68E
Lemon Sorbet Yellow
- 99D0F5
≈ Long Island Sound
- CEBDF4
≈ Connecticut Lilac
Tetradisch +90° +180° +270°
- DCC68E
Lemon Sorbet Yellow
- 8FD9C9
≈ Bambino
- B3C7FB
≈ Night Snow
- F3B3C7
≈ Rhodonite
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.67:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.51:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--lemon-sorbet-yellow: #dcc68e;
--lemon-sorbet-yellow-rgb: 220 198 142;
--lemon-sorbet-yellow-oklch: oklch(0.832 0.077 89);
}
.element {
color: var(--lemon-sorbet-yellow);
background-color: hsl(43 53% 71%);
border-color: oklch(0.832 0.077 89);
}Tailwind CSS v4
@theme {
--color-lemon-sorbet-yellow: #dcc68e;
--color-lemon-sorbet-yellow-50: #fdf5dd;
--color-lemon-sorbet-yellow-100: #f1e8cb;
--color-lemon-sorbet-yellow-200: #e0d4af;
--color-lemon-sorbet-yellow-300: #c6b78a;
--color-lemon-sorbet-yellow-400: #b19d69;
--color-lemon-sorbet-yellow-500: #9b8447;
--color-lemon-sorbet-yellow-600: #836f3d;
--color-lemon-sorbet-yellow-700: #695930;
--color-lemon-sorbet-yellow-800: #4e4122;
--color-lemon-sorbet-yellow-900: #362d16;
--color-lemon-sorbet-yellow-950: #211a07;
}SCSS
$lemon-sorbet-yellow: #dcc68e;
$lemon-sorbet-yellow-rgb: 220, 198, 142;
$lemon-sorbet-yellow-light: mix(#fff, $lemon-sorbet-yellow, 20%);
$lemon-sorbet-yellow-dark: mix(#000, $lemon-sorbet-yellow, 20%);
.element {
color: $lemon-sorbet-yellow;
box-shadow: 0 0 0 2px rgba($lemon-sorbet-yellow, 0.35);
}