Colore con nome · #E26D68
Childhood Crush
Childhood Crush è #E26D68: rgb(226 109 104), hsl(2 68% 65%), oklch(0.672 0.147 24.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Childhood Crush color name →
#E26D68
oklch(0.672 0.147 24.3)
Conversioni di colore
- HEX
- #e26d68
- RGB
- rgb(226 109 104)
- HSL
- hsl(2 68% 65%)
- HWB
- hwb(2 41% 11%)
- OKLCH
- oklch(0.672 0.147 24.3)
- OKLab
- oklab(0.672 0.134 0.06)
- CIE Lab
- lab(60.54 46.18 25.54)
- LCH
- lch(60.54 52.78 28.9)
- CMYK
- cmyk(0% 52% 54% 11%)
Tinte · Ombre · Toni
Tinte
- E77C77
- EB8C85
- EF9A94
- F3A9A3
- F6B7B2
- F9C6C1
- FBD4D0
- FDE2E0
- FEF1EF
Ombre
- C45E59
- A84F4B
- 8C413E
- 713330
- 572624
- 3E1918
- 270D0C
- 120404
- 030100
Toni
- D9706B
- D0736E
- C67570
- BD7873
- B37A75
- AA7B77
- A07D7A
- 967E7C
- 8B7F7E
Armonie di colore
Complementare +180°
- E26D68
Childhood Crush
- 00AAB7
≈ Bluebird
Analogo -30° +30°
- E26D68
Childhood Crush
- DA6C9C
≈ Liseran Purple
- DA792E
≈ Cherokee Dignity
Triadico +120° +240°
- E26D68
Childhood Crush
- 56AD58
≈ Chlorella Green
- 6792F0
≈ Guilliman Blue
Complementare divisa +150° +210°
- E26D68
Childhood Crush
- 00AF90
≈ Hobgoblin
- 00A2DF
≈ Vanadyl Blue
Tetradico +90° +180° +270°
- E26D68
Childhood Crush
- 959F13
≈ Forest Lichen
- 00AAB7
≈ Bluebird
- 9C82E6
≈ Perrywinkle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.17:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.62:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--childhood-crush: #e26d68;
--childhood-crush-rgb: 226 109 104;
--childhood-crush-oklch: oklch(0.672 0.147 24.3);
}
.element {
color: var(--childhood-crush);
background-color: hsl(2 68% 65%);
border-color: oklch(0.672 0.147 24.3);
}Tailwind CSS v4
@theme {
--color-childhood-crush: #e26d68;
--color-childhood-crush-50: #ffe6df;
--color-childhood-crush-100: #ffd6ce;
--color-childhood-crush-200: #ffbcb3;
--color-childhood-crush-300: #fa998f;
--color-childhood-crush-400: #e87873;
--color-childhood-crush-500: #d65754;
--color-childhood-crush-600: #b54a47;
--color-childhood-crush-700: #913b39;
--color-childhood-crush-800: #6c2a2a;
--color-childhood-crush-900: #4c1c1c;
--color-childhood-crush-950: #320c0d;
}SCSS
$childhood-crush: #e26d68;
$childhood-crush-rgb: 226, 109, 104;
$childhood-crush-light: mix(#fff, $childhood-crush, 20%);
$childhood-crush-dark: mix(#000, $childhood-crush, 20%);
.element {
color: $childhood-crush;
box-shadow: 0 0 0 2px rgba($childhood-crush, 0.35);
}