Colore con nome · #F08674
Coralette
Coralette è #F08674: rgb(240 134 116), hsl(9 81% 70%), oklch(0.732 0.133 30.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Coralette color name →
#F08674
oklch(0.732 0.133 30.7)
Conversioni di colore
- HEX
- #f08674
- RGB
- rgb(240 134 116)
- HSL
- hsl(9 81% 70%)
- HWB
- hwb(9 45% 6%)
- OKLCH
- oklch(0.732 0.133 30.7)
- OKLab
- oklab(0.732 0.115 0.068)
- CIE Lab
- lab(67.68 40.15 28.51)
- LCH
- lch(67.68 49.24 35.4)
- CMYK
- cmyk(0% 44% 52% 6%)
Tinte · Ombre · Toni
Tinte
- F39382
- F69F8F
- F8AB9D
- FAB7AB
- FCC3B9
- FDCFC7
- FEDBD5
- FFE7E3
- FFF3F1
Ombre
- D17464
- B26254
- 955145
- 784037
- 5D3029
- 43211B
- 2A130F
- 140605
- 030101
Toni
- E58676
- DA8677
- CF8679
- C4867A
- B9857B
- AE847C
- A3837D
- 98827E
- 8C817F
Armonie di colore
Complementare +180°
- F08674
Coralette
- 00BDD5
≈ Holiday Blue
Analogo -30° +30°
- F08674
Coralette
- EB82A4
≈ Aurora Pink
- E49348
≈ Yellow Sumac
Triadico +120° +240°
- F08674
Coralette
- 62C07C
≈ Verdigris Coloured
- 89A2FC
≈ Periwinkle Blue
Complementare divisa +150° +210°
- F08674
Coralette
- 00C3AC
≈ Turquoise
- 4DB2F3
≈ Blue Jeans
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.36:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--coralette: #f08674;
--coralette-rgb: 240 134 116;
--coralette-oklch: oklch(0.732 0.133 30.7);
}
.element {
color: var(--coralette);
background-color: hsl(9 81% 70%);
border-color: oklch(0.732 0.133 30.7);
}Tailwind CSS v4
@theme {
--color-coralette: #f08674;
--color-coralette-50: #ffe8dd;
--color-coralette-100: #ffd9cc;
--color-coralette-200: #ffc0b0;
--color-coralette-300: #f49e8b;
--color-coralette-400: #e27e6d;
--color-coralette-500: #cf5f4d;
--color-coralette-600: #af5142;
--color-coralette-700: #8d4034;
--color-coralette-800: #692e27;
--color-coralette-900: #4a1f1a;
--color-coralette-950: #300e0a;
}SCSS
$coralette: #f08674;
$coralette-rgb: 240, 134, 116;
$coralette-light: mix(#fff, $coralette, 20%);
$coralette-dark: mix(#000, $coralette, 20%);
.element {
color: $coralette;
box-shadow: 0 0 0 2px rgba($coralette, 0.35);
}