Benannte Farbe · #E1CED4
Light Pelican Bill
Light Pelican Bill ist #E1CED4: rgb(225 206 212), hsl(341 24% 85%), oklch(0.869 0.023 356.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Pelican Bill color name →
#E1CED4
oklch(0.869 0.023 356.4)
Farbumrechnungen
- HEX
- #e1ced4
- RGB
- rgb(225 206 212)
- HSL
- hsl(341 24% 85%)
- HWB
- hwb(341 81% 12%)
- OKLCH
- oklch(0.869 0.023 356.4)
- OKLab
- oklab(0.869 0.023 -0.001)
- CIE Lab
- lab(84.48 7.59 -0.46)
- LCH
- lch(84.48 7.61 356.5)
- CMYK
- cmyk(0% 8% 6% 12%)
Tints · Shades · Tones
Tints
- E4D3D8
- E7D8DC
- EADDE1
- EDE1E5
- F0E6E9
- F3EBEE
- F6F0F2
- F9F5F6
- FCFAFB
Shades
- C4B3B8
- A7989D
- 8B7F83
- 706669
- 564E51
- 3E383A
- 272324
- 120F10
- 020202
Tones
- D7C6CB
- CDBEC3
- C3B6BA
- B9AEB1
- AFA6A9
- A69EA1
- 9C9798
- 938F90
- 898788
Farbharmonien
Komplementär +180°
- E1CED4
Light Pelican Bill
- C5D9D3
≈ Cool Mint
Analog -30° +30°
- E1CED4
Light Pelican Bill
- DCCFDC
≈ Spun Moonbeams
- E2CFCC
≈ Watermelon Milk
Triadisch +120° +240°
- E1CED4
Light Pelican Bill
- D3D6C5
≈ Wine Bottle
- C7D6E1
≈ Yeti Footprint
Geteilt komplementär +150° +210°
- E1CED4
Light Pelican Bill
- CBD8CB
≈ April Mist
- C4D8DB
≈ Barest Hint of Blue
Tetradisch +90° +180° +270°
- E1CED4
Light Pelican Bill
- DAD3C3
≈ City Steam
- C5D9D3
≈ Cool Mint
- CDD4E3
≈ Après-Ski
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.98:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.98:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--light-pelican-bill: #e1ced4;
--light-pelican-bill-rgb: 225 206 212;
--light-pelican-bill-oklch: oklch(0.869 0.023 356.4);
}
.element {
color: var(--light-pelican-bill);
background-color: hsl(341 24% 85%);
border-color: oklch(0.869 0.023 356.4);
}Tailwind CSS v4
@theme {
--color-light-pelican-bill: #e1ced4;
--color-light-pelican-bill-50: #fbf3f5;
--color-light-pelican-bill-100: #efe5e8;
--color-light-pelican-bill-200: #ddd0d4;
--color-light-pelican-bill-300: #c2b3b7;
--color-light-pelican-bill-400: #aa999f;
--color-light-pelican-bill-500: #938086;
--color-light-pelican-bill-600: #7d6d72;
--color-light-pelican-bill-700: #64575b;
--color-light-pelican-bill-800: #493f43;
--color-light-pelican-bill-900: #332c2e;
--color-light-pelican-bill-950: #1e191b;
}SCSS
$light-pelican-bill: #e1ced4;
$light-pelican-bill-rgb: 225, 206, 212;
$light-pelican-bill-light: mix(#fff, $light-pelican-bill, 20%);
$light-pelican-bill-dark: mix(#000, $light-pelican-bill, 20%);
.element {
color: $light-pelican-bill;
box-shadow: 0 0 0 2px rgba($light-pelican-bill, 0.35);
}