Benannte Farbe · #F5E6CC
Oyster Omelette Cream
Oyster Omelette Cream ist #F5E6CC: rgb(245 230 204), hsl(38 67% 88%), oklch(0.93 0.038 81.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Oyster Omelette Cream color name →
#F5E6CC
oklch(0.93 0.038 81.5)
Farbumrechnungen
- HEX
- #f5e6cc
- RGB
- rgb(245 230 204)
- HSL
- hsl(38 67% 88%)
- HWB
- hwb(38 80% 4%)
- OKLCH
- oklch(0.93 0.038 81.5)
- OKLab
- oklab(0.93 0.006 0.038)
- CIE Lab
- lab(92 2.21 14.65)
- LCH
- lch(92 14.82 81.4)
- CMYK
- cmyk(0% 6% 17% 4%)
Tints · Shades · Tones
Tints
- F6E9D1
- F7EBD6
- F8EEDB
- F9F0E0
- FAF3E6
- FBF5EB
- FCF8F0
- FDFAF5
- FEFDFA
Shades
- D5C8B1
- B6AB97
- 988E7E
- 7B7365
- 5F594E
- 444037
- 2B2822
- 15130F
- 030302
Tones
- E9DBC4
- DDD1BC
- D1C6B5
- C5BCAD
- B9B2A5
- ADA89E
- A29D96
- 96948F
- 8B8A87
Farbharmonien
Komplementär +180°
- F5E6CC
Oyster Omelette Cream
- DCE9FF
≈ Cloudless
Analog -30° +30°
- F5E6CC
Oyster Omelette Cream
- FEE1D1
≈ Powdered Peach
- E8EBCE
≈ Palmito
Triadisch +120° +240°
- F5E6CC
Oyster Omelette Cream
- CCF0F3
≈ Diamond League
- F4E0F8
≈ Minute Mauve
Geteilt komplementär +150° +210°
- F5E6CC
Oyster Omelette Cream
- D0EDFD
≈ Blue Hijab
- E8E4FF
≈ Lavender Mist
Tetradisch +90° +180° +270°
- F5E6CC
Oyster Omelette Cream
- D0F1E5
≈ Light Shutterbug
- DCE9FF
≈ Cloudless
- FDDEEB
≈ Baby Girl
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.07:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--oyster-omelette-cream: #f5e6cc;
--oyster-omelette-cream-rgb: 245 230 204;
--oyster-omelette-cream-oklch: oklch(0.93 0.038 81.5);
}
.element {
color: var(--oyster-omelette-cream);
background-color: hsl(38 67% 88%);
border-color: oklch(0.93 0.038 81.5);
}Tailwind CSS v4
@theme {
--color-oyster-omelette-cream: #f5e6cc;
--color-oyster-omelette-cream-50: #faf4e9;
--color-oyster-omelette-cream-100: #eee7da;
--color-oyster-omelette-cream-200: #dcd3c2;
--color-oyster-omelette-cream-300: #c1b6a2;
--color-oyster-omelette-cream-400: #aa9d85;
--color-oyster-omelette-cream-500: #93846a;
--color-oyster-omelette-cream-600: #7c705a;
--color-oyster-omelette-cream-700: #645948;
--color-oyster-omelette-cream-800: #494134;
--color-oyster-omelette-cream-900: #332d23;
--color-oyster-omelette-cream-950: #1f1a12;
}SCSS
$oyster-omelette-cream: #f5e6cc;
$oyster-omelette-cream-rgb: 245, 230, 204;
$oyster-omelette-cream-light: mix(#fff, $oyster-omelette-cream, 20%);
$oyster-omelette-cream-dark: mix(#000, $oyster-omelette-cream, 20%);
.element {
color: $oyster-omelette-cream;
box-shadow: 0 0 0 2px rgba($oyster-omelette-cream, 0.35);
}