Benannte Farbe · #F08A88
Cheery
Cheery ist #F08A88: rgb(240 138 136), hsl(1 78% 74%), oklch(0.742 0.125 21.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cheery color name →
#F08A88
oklch(0.742 0.125 21.7)
Farbumrechnungen
- HEX
- #f08a88
- RGB
- rgb(240 138 136)
- HSL
- hsl(1 78% 74%)
- HWB
- hwb(1 53% 6%)
- OKLCH
- oklch(0.742 0.125 21.7)
- OKLab
- oklab(0.742 0.116 0.046)
- CIE Lab
- lab(68.82 39.55 18.98)
- LCH
- lch(68.82 43.86 25.6)
- CMYK
- cmyk(0% 43% 43% 6%)
Tints · Shades · Tones
Tints
- F39694
- F5A29F
- F8AEAB
- FAB9B7
- FBC5C2
- FDD1CE
- FEDCDA
- FFE8E6
- FFF3F3
Shades
- D17775
- B26563
- 955352
- 784241
- 5D3231
- 432222
- 2A1413
- 140706
- 030101
Tones
- E58A87
- DA8987
- CF8886
- C48885
- B98784
- AE8684
- A38483
- 978382
- 8C8281
Farbharmonien
Komplementär +180°
- F08A88
Cheery
- 0EC2CD
≈ Turquoise Surf
Analog -30° +30°
- F08A88
Cheery
- E789B4
≈ Tempting Pink
- E9935E
≈ Outgoing Orange
Triadisch +120° +240°
- F08A88
Cheery
- 7DBF74
≈ Primo
- 7FABFA
≈ Fennel Flower
Geteilt komplementär +150° +210°
- F08A88
Cheery
- 41C5A2
≈ Jadeite
- 47B9EC
≈ Clean Pool
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.41:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.69:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.69:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--cheery: #f08a88;
--cheery-rgb: 240 138 136;
--cheery-oklch: oklch(0.742 0.125 21.7);
}
.element {
color: var(--cheery);
background-color: hsl(1 78% 74%);
border-color: oklch(0.742 0.125 21.7);
}Tailwind CSS v4
@theme {
--color-cheery: #f08a88;
--color-cheery-50: #ffe8e4;
--color-cheery-100: #ffd8d4;
--color-cheery-200: #ffc0bb;
--color-cheery-300: #f19e99;
--color-cheery-400: #df7f7d;
--color-cheery-500: #cc6060;
--color-cheery-600: #ac5252;
--color-cheery-700: #8a4141;
--color-cheery-800: #672e30;
--color-cheery-900: #481f21;
--color-cheery-950: #2f0f10;
}SCSS
$cheery: #f08a88;
$cheery-rgb: 240, 138, 136;
$cheery-light: mix(#fff, $cheery, 20%);
$cheery-dark: mix(#000, $cheery, 20%);
.element {
color: $cheery;
box-shadow: 0 0 0 2px rgba($cheery, 0.35);
}