Colore con nome · #E26B81
Cherry Brandy
Cherry Brandy è #E26B81: rgb(226 107 129), hsl(349 67% 65%), oklch(0.675 0.149 10.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherry Brandy color name →
#E26B81
oklch(0.675 0.149 10.4)
Conversioni di colore
- HEX
- #e26b81
- RGB
- rgb(226 107 129)
- HSL
- hsl(349 67% 65%)
- HWB
- hwb(349 42% 11%)
- OKLCH
- oklch(0.675 0.149 10.4)
- OKLab
- oklab(0.675 0.147 0.027)
- CIE Lab
- lab(60.6 48.75 11.31)
- LCH
- lch(60.6 50.04 13.1)
- CMYK
- cmyk(0% 53% 43% 11%)
Tinte · Ombre · Toni
Tinte
- E77B8D
- EB8A99
- EF99A5
- F3A8B2
- F6B6BE
- F9C5CB
- FBD3D8
- FDE2E5
- FEF0F2
Ombre
- C45C6F
- A84E5E
- 8C3F4E
- 71323E
- 57252E
- 3E181F
- 270D12
- 120406
- 030001
Toni
- D96E81
- D07181
- C67481
- BD7681
- B47981
- AA7A81
- A07C80
- 967E80
- 8B7F80
Armonie di colore
Complementare +180°
- E26B81
Cherry Brandy
- 00ADA7
≈ Teal Me No Lies
Analogo -30° +30°
- E26B81
Cherry Brandy
- D26FB3
≈ Sky Magenta
- E2734A
≈ Knockout Orange
Triadico +120° +240°
- E26B81
Cherry Brandy
- 77A83B
≈ Leaf
- 459BEE
≈ Perfect Days
Complementare divisa +150° +210°
- E26B81
Cherry Brandy
- 10B277
≈ Green Teal
- 00A7CB
≈ Gummy Dolphins
Tetradico +90° +180° +270°
- E26B81
Cherry Brandy
- AB9800
≈ Nuclear Fallout
- 00ADA7
≈ Teal Me No Lies
- 878AF0
≈ Lavender Blue Shadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.65:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.65:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--cherry-brandy: #e26b81;
--cherry-brandy-rgb: 226 107 129;
--cherry-brandy-oklch: oklch(0.675 0.149 10.4);
}
.element {
color: var(--cherry-brandy);
background-color: hsl(349 67% 65%);
border-color: oklch(0.675 0.149 10.4);
}Tailwind CSS v4
@theme {
--color-cherry-brandy: #e26b81;
--color-cherry-brandy-50: #ffe4e9;
--color-cherry-brandy-100: #ffd4da;
--color-cherry-brandy-200: #ffbac3;
--color-cherry-brandy-300: #f996a2;
--color-cherry-brandy-400: #e7768a;
--color-cherry-brandy-500: #d5536f;
--color-cherry-brandy-600: #b4475e;
--color-cherry-brandy-700: #91394b;
--color-cherry-brandy-800: #6b2838;
--color-cherry-brandy-900: #4c1b26;
--color-cherry-brandy-950: #320b15;
}SCSS
$cherry-brandy: #e26b81;
$cherry-brandy-rgb: 226, 107, 129;
$cherry-brandy-light: mix(#fff, $cherry-brandy, 20%);
$cherry-brandy-dark: mix(#000, $cherry-brandy, 20%);
.element {
color: $cherry-brandy;
box-shadow: 0 0 0 2px rgba($cherry-brandy, 0.35);
}