Benannte Farbe · #F1E3BC
Pearl Yellow
Pearl Yellow ist #F1E3BC: rgb(241 227 188), hsl(44 65% 84%), oklch(0.917 0.053 90.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pearl Yellow color name →
#F1E3BC
oklch(0.917 0.053 90.6)
Farbumrechnungen
- HEX
- #f1e3bc
- RGB
- rgb(241 227 188)
- HSL
- hsl(44 65% 84%)
- HWB
- hwb(44 74% 5%)
- OKLCH
- oklch(0.917 0.053 90.6)
- OKLab
- oklab(0.917 -0.001 0.053)
- CIE Lab
- lab(90.64 0.46 20.95)
- LCH
- lch(90.64 20.95 88.7)
- CMYK
- cmyk(0% 6% 22% 5%)
Tints · Shades · Tones
Tints
- F2E6C3
- F4E9CA
- F5EBD0
- F7EED7
- F8F1DE
- F9F4E4
- FBF7EB
- FCF9F2
- FEFCF8
Shades
- D2C5A3
- B3A88B
- 958C73
- 79715D
- 5D5747
- 433F32
- 2B271F
- 14120D
- 030302
Tones
- E5D9B6
- D9CEB0
- CEC4AA
- C2BAA4
- B7B09E
- ACA698
- A19D92
- 96938C
- 8B8986
Farbharmonien
Komplementär +180°
- F1E3BC
Pearl Yellow
- D9E3FF
≈ Stoic White
Analog -30° +30°
- F1E3BC
Pearl Yellow
- FFDCC1
≈ Karry
- DEEAC2
≈ Kiwi Sorbet
Triadisch +120° +240°
- F1E3BC
Pearl Yellow
- BBEEF8
≈ Ice Effect
- F9D7F5
≈ Jacaranda
Geteilt komplementär +150° +210°
- F1E3BC
Pearl Yellow
- CAE8FF
≈ Blue Java Banana
- E8DDFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- F1E3BC
Pearl Yellow
- BEF0E5
≈ Light Water Wings
- D9E3FF
≈ Stoic White
- FFD8E2
≈ It’s a Girl!
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.45:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--pearl-yellow: #f1e3bc;
--pearl-yellow-rgb: 241 227 188;
--pearl-yellow-oklch: oklch(0.917 0.053 90.6);
}
.element {
color: var(--pearl-yellow);
background-color: hsl(44 65% 84%);
border-color: oklch(0.917 0.053 90.6);
}Tailwind CSS v4
@theme {
--color-pearl-yellow: #f1e3bc;
--color-pearl-yellow-50: #faf5e4;
--color-pearl-yellow-100: #eee8d4;
--color-pearl-yellow-200: #dcd4bb;
--color-pearl-yellow-300: #c1b799;
--color-pearl-yellow-400: #aa9e7b;
--color-pearl-yellow-500: #93855d;
--color-pearl-yellow-600: #7d714f;
--color-pearl-yellow-700: #645a3f;
--color-pearl-yellow-800: #4a422d;
--color-pearl-yellow-900: #332d1e;
--color-pearl-yellow-950: #1f1a0e;
}SCSS
$pearl-yellow: #f1e3bc;
$pearl-yellow-rgb: 241, 227, 188;
$pearl-yellow-light: mix(#fff, $pearl-yellow, 20%);
$pearl-yellow-dark: mix(#000, $pearl-yellow, 20%);
.element {
color: $pearl-yellow;
box-shadow: 0 0 0 2px rgba($pearl-yellow, 0.35);
}