Benannte Farbe · #F0C8B6
Everblooming
Everblooming ist #F0C8B6: rgb(240 200 182), hsl(19 66% 83%), oklch(0.863 0.052 45.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Everblooming color name →
#F0C8B6
oklch(0.863 0.052 45.6)
Farbumrechnungen
- HEX
- #f0c8b6
- RGB
- rgb(240 200 182)
- HSL
- hsl(19 66% 83%)
- HWB
- hwb(19 71% 6%)
- OKLCH
- oklch(0.863 0.052 45.6)
- OKLab
- oklab(0.863 0.036 0.037)
- CIE Lab
- lab(83.77 12.66 14.61)
- LCH
- lch(83.77 19.33 49.1)
- CMYK
- cmyk(0% 17% 24% 6%)
Tints · Shades · Tones
Tints
- F2CDBD
- F3D3C4
- F5D8CC
- F7DED3
- F8E3DA
- FAE9E2
- FBEEE9
- FCF4F0
- FEF9F8
Shades
- D1AE9E
- B29486
- 957B6F
- 786359
- 5D4C44
- 433630
- 2A211D
- 140F0C
- 030202
Tones
- E4C1B1
- D9B9AB
- CDB2A6
- C2ABA0
- B7A39B
- AC9C95
- A19590
- 968E8B
- 8B8785
Farbharmonien
Komplementär +180°
- F0C8B6
Everblooming
- AEDAEC
≈ Blue Feather
Analog -30° +30°
- F0C8B6
Everblooming
- F2C5C6
≈ My Fair Lady
- E6CEAD
≈ Classic Terra
Triadisch +120° +240°
- F0C8B6
Everblooming
- B3DDCA
≈ Brook Green
- CECEF3
≈ Miami White
Geteilt komplementär +150° +210°
- F0C8B6
Everblooming
- ABDDDD
≈ Beachside Drive
- BCD4F4
≈ Summer Birthday
Tetradisch +90° +180° +270°
- F0C8B6
Everblooming
- C3DAB8
≈ Galway
- AEDAEC
≈ Blue Feather
- DFC8E9
≈ Syrian Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.64:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.64:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--everblooming: #f0c8b6;
--everblooming-rgb: 240 200 182;
--everblooming-oklch: oklch(0.863 0.052 45.6);
}
.element {
color: var(--everblooming);
background-color: hsl(19 66% 83%);
border-color: oklch(0.863 0.052 45.6);
}Tailwind CSS v4
@theme {
--color-everblooming: #f0c8b6;
--color-everblooming-50: #fff1e9;
--color-everblooming-100: #f7e3d9;
--color-everblooming-200: #e8cec2;
--color-everblooming-300: #cfb0a1;
--color-everblooming-400: #b99585;
--color-everblooming-500: #a47c6a;
--color-everblooming-600: #8b695a;
--color-everblooming-700: #6f5447;
--color-everblooming-800: #523d34;
--color-everblooming-900: #392a23;
--color-everblooming-950: #231712;
}SCSS
$everblooming: #f0c8b6;
$everblooming-rgb: 240, 200, 182;
$everblooming-light: mix(#fff, $everblooming, 20%);
$everblooming-dark: mix(#000, $everblooming, 20%);
.element {
color: $everblooming;
box-shadow: 0 0 0 2px rgba($everblooming, 0.35);
}