Benannte Farbe · #F2E3C9
Dappled Sunlight
Dappled Sunlight ist #F2E3C9: rgb(242 227 201), hsl(38 61% 87%), oklch(0.921 0.038 81.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dappled Sunlight color name →
#F2E3C9
oklch(0.921 0.038 81.5)
Farbumrechnungen
- HEX
- #f2e3c9
- RGB
- rgb(242 227 201)
- HSL
- hsl(38 61% 87%)
- HWB
- hwb(38 79% 5%)
- OKLCH
- oklch(0.921 0.038 81.5)
- OKLab
- oklab(0.921 0.006 0.038)
- CIE Lab
- lab(90.95 2.22 14.69)
- LCH
- lch(90.95 14.86 81.4)
- CMYK
- cmyk(0% 6% 17% 5%)
Tints · Shades · Tones
Tints
- F3E6CE
- F5E9D4
- F6EBD9
- F7EEDF
- F9F1E4
- FAF4E9
- FBF7EF
- FCF9F4
- FEFCFA
Shades
- D2C5AE
- B4A895
- 968C7C
- 797164
- 5E574C
- 433F36
- 2B2722
- 14120F
- 030302
Tones
- E6D9C2
- DACEBA
- CEC4B3
- C3BAAB
- B7B0A4
- ACA69D
- A19D95
- 96938E
- 8B8987
Farbharmonien
Komplementär +180°
- F2E3C9
Dappled Sunlight
- D7E6FF
≈ Veiling Waterfalls
Analog -30° +30°
- F2E3C9
Dappled Sunlight
- FBDECE
≈ Arrowroot
- E5E8CB
≈ Rare White Jade
Triadisch +120° +240°
- F2E3C9
Dappled Sunlight
- C9EDF0
≈ Journey to the Sky
- F1DDF5
≈ Grape Taffy
Geteilt komplementär +150° +210°
- F2E3C9
Dappled Sunlight
- CDEAFA
≈ Frosty Day
- E5E1FD
≈ Stoic White
Tetradisch +90° +180° +270°
- F2E3C9
Dappled Sunlight
- CDEEE2
≈ Jewel White
- D7E6FF
≈ Veiling Waterfalls
- FADBE8
≈ Cherry Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.60:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--dappled-sunlight: #f2e3c9;
--dappled-sunlight-rgb: 242 227 201;
--dappled-sunlight-oklch: oklch(0.921 0.038 81.5);
}
.element {
color: var(--dappled-sunlight);
background-color: hsl(38 61% 87%);
border-color: oklch(0.921 0.038 81.5);
}Tailwind CSS v4
@theme {
--color-dappled-sunlight: #f2e3c9;
--color-dappled-sunlight-50: #faf4e9;
--color-dappled-sunlight-100: #eee7da;
--color-dappled-sunlight-200: #dcd3c2;
--color-dappled-sunlight-300: #c1b6a2;
--color-dappled-sunlight-400: #aa9d85;
--color-dappled-sunlight-500: #93846a;
--color-dappled-sunlight-600: #7c705a;
--color-dappled-sunlight-700: #645948;
--color-dappled-sunlight-800: #494134;
--color-dappled-sunlight-900: #332d23;
--color-dappled-sunlight-950: #1f1a12;
}SCSS
$dappled-sunlight: #f2e3c9;
$dappled-sunlight-rgb: 242, 227, 201;
$dappled-sunlight-light: mix(#fff, $dappled-sunlight, 20%);
$dappled-sunlight-dark: mix(#000, $dappled-sunlight, 20%);
.element {
color: $dappled-sunlight;
box-shadow: 0 0 0 2px rgba($dappled-sunlight, 0.35);
}