Benannte Farbe · #F1E2C9
Ocelot
Ocelot ist #F1E2C9: rgb(241 226 201), hsl(37 59% 87%), oklch(0.918 0.037 80.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ocelot color name →
#F1E2C9
oklch(0.918 0.037 80.6)
Farbumrechnungen
- HEX
- #f1e2c9
- RGB
- rgb(241 226 201)
- HSL
- hsl(37 59% 87%)
- HWB
- hwb(37 79% 5%)
- OKLCH
- oklch(0.918 0.037 80.6)
- OKLab
- oklab(0.918 0.006 0.036)
- CIE Lab
- lab(90.61 2.33 14.21)
- LCH
- lch(90.61 14.4 80.7)
- CMYK
- cmyk(0% 6% 17% 5%)
Tints · Shades · Tones
Tints
- F2E5CE
- F4E8D4
- F5EBD9
- F7EEDF
- F8F1E4
- F9F3E9
- FBF6EF
- FCF9F4
- FEFCFA
Shades
- D2C4AE
- B3A895
- 958C7C
- 797164
- 5D574C
- 433E36
- 2B2722
- 14120F
- 030302
Tones
- E5D8C2
- D9CEBA
- CEC4B3
- C2BAAB
- B7B0A4
- ACA69D
- A19C95
- 96938E
- 8B8987
Farbharmonien
Komplementär +180°
- F1E2C9
Ocelot
- D6E5FD
≈ Veiling Waterfalls
Analog -30° +30°
- F1E2C9
Ocelot
- F9DECE
≈ Arrowroot
- E5E7CB
≈ White Radish
Triadisch +120° +240°
- F1E2C9
Ocelot
- C9ECEE
≈ Journey to the Sky
- F0DCF3
≈ Grape Taffy
Geteilt komplementär +150° +210°
- F1E2C9
Ocelot
- CCE9F8
≈ Frosty Day
- E3E0FC
≈ Stoic White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.46:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--ocelot: #f1e2c9;
--ocelot-rgb: 241 226 201;
--ocelot-oklch: oklch(0.918 0.037 80.6);
}
.element {
color: var(--ocelot);
background-color: hsl(37 59% 87%);
border-color: oklch(0.918 0.037 80.6);
}Tailwind CSS v4
@theme {
--color-ocelot: #f1e2c9;
--color-ocelot-50: #faf4ea;
--color-ocelot-100: #eee7da;
--color-ocelot-200: #dcd3c3;
--color-ocelot-300: #c1b6a3;
--color-ocelot-400: #aa9d86;
--color-ocelot-500: #93846b;
--color-ocelot-600: #7c705b;
--color-ocelot-700: #645948;
--color-ocelot-800: #494134;
--color-ocelot-900: #332d23;
--color-ocelot-950: #1f1a12;
}SCSS
$ocelot: #f1e2c9;
$ocelot-rgb: 241, 226, 201;
$ocelot-light: mix(#fff, $ocelot, 20%);
$ocelot-dark: mix(#000, $ocelot, 20%);
.element {
color: $ocelot;
box-shadow: 0 0 0 2px rgba($ocelot, 0.35);
}