Colore con nome · #F08A88
Cheery
Cheery è #F08A88: rgb(240 138 136), hsl(1 78% 74%), oklch(0.742 0.125 21.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cheery color name →
#F08A88
oklch(0.742 0.125 21.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F39694
- F5A29F
- F8AEAB
- FAB9B7
- FBC5C2
- FDD1CE
- FEDCDA
- FFE8E6
- FFF3F3
Ombre
- D17775
- B26563
- 955352
- 784241
- 5D3231
- 432222
- 2A1413
- 140706
- 030101
Toni
- E58A87
- DA8987
- CF8886
- C48885
- B98784
- AE8684
- A38483
- 978382
- 8C8281
Armonie di colore
Complementare +180°
- F08A88
Cheery
- 0EC2CD
≈ Turquoise Surf
Analogo -30° +30°
- F08A88
Cheery
- E789B4
≈ Tempting Pink
- E9935E
≈ Outgoing Orange
Triadico +120° +240°
- F08A88
Cheery
- 7DBF74
≈ Primo
- 7FABFA
≈ Fennel Flower
Complementare divisa +150° +210°
- F08A88
Cheery
- 41C5A2
≈ Jadeite
- 47B9EC
≈ Clean Pool
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.41:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.69:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.69:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
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);
}