Benannte Farbe · #E1C779
Dusky Citron
Dusky Citron ist #E1C779: rgb(225 199 121), hsl(45 63% 68%), oklch(0.835 0.102 91.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Dusky Citron color name →
#E1C779
oklch(0.835 0.102 91.6)
Farbumrechnungen
- HEX
- #e1c779
- RGB
- rgb(225 199 121)
- HSL
- hsl(45 63% 68%)
- HWB
- hwb(45 47% 12%)
- OKLCH
- oklch(0.835 0.102 91.6)
- OKLab
- oklab(0.835 -0.003 0.102)
- CIE Lab
- lab(81.21 1.99 42.39)
- LCH
- lch(81.21 42.44 87.3)
- CMYK
- cmyk(0% 12% 46% 12%)
Tints · Shades · Tones
Tints
- E4CD87
- E7D295
- EAD8A3
- EDDEB1
- F0E3BE
- F3E9CB
- F6EED8
- F9F4E5
- FCFAF2
Shades
- C4AD68
- A79358
- 8B7A48
- 706239
- 564C2B
- 3E361D
- 272110
- 120E05
- 020201
Tones
- D7C07B
- CDB97D
- C3B17E
- B9AA7F
- AFA380
- A69C80
- 9C9580
- 938E80
- 898780
Farbharmonien
Komplementär +180°
- E1C779
Dusky Citron
- B5C6FF
≈ Light Periwinkle
Analog -30° +30°
- E1C779
Dusky Citron
- F9BA83
≈ Baltic Amber
- BED488
≈ Olive Buff
Triadisch +120° +240°
- E1C779
Dusky Citron
- 70DBEF
≈ Turquoise Sea
- F0B1E7
≈ Hanami Pink
Geteilt komplementär +150° +210°
- E1C779
Dusky Citron
- 93D1FF
≈ Long Island Sound
- D4BAFF
≈ Pink Illusion
Tetradisch +90° +180° +270°
- E1C779
Dusky Citron
- 75DFCD
≈ Shimmering Blue
- B5C6FF
≈ Light Periwinkle
- FFAEC4
≈ Baby’s Blanket
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.64:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--dusky-citron: #e1c779;
--dusky-citron-rgb: 225 199 121;
--dusky-citron-oklch: oklch(0.835 0.102 91.6);
}
.element {
color: var(--dusky-citron);
background-color: hsl(45 63% 68%);
border-color: oklch(0.835 0.102 91.6);
}Tailwind CSS v4
@theme {
--color-dusky-citron: #e1c779;
--color-dusky-citron-50: #fff5d5;
--color-dusky-citron-100: #f3e8c2;
--color-dusky-citron-200: #e3d4a3;
--color-dusky-citron-300: #c9b77a;
--color-dusky-citron-400: #b49c54;
--color-dusky-citron-500: #9f8327;
--color-dusky-citron-600: #866f23;
--color-dusky-citron-700: #6c591c;
--color-dusky-citron-800: #504012;
--color-dusky-citron-900: #382c0b;
--color-dusky-citron-950: #221901;
}SCSS
$dusky-citron: #e1c779;
$dusky-citron-rgb: 225, 199, 121;
$dusky-citron-light: mix(#fff, $dusky-citron, 20%);
$dusky-citron-dark: mix(#000, $dusky-citron, 20%);
.element {
color: $dusky-citron;
box-shadow: 0 0 0 2px rgba($dusky-citron, 0.35);
}