Colore con nome · #E2B5A6
Terra Cotta Blush
Terra Cotta Blush è #E2B5A6: rgb(226 181 166), hsl(15 51% 77%), oklch(0.809 0.057 39.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Terra Cotta Blush color name →
#E2B5A6
oklch(0.809 0.057 39.2)
Conversioni di colore
- HEX
- #e2b5a6
- RGB
- rgb(226 181 166)
- HSL
- hsl(15 51% 77%)
- HWB
- hwb(15 65% 11%)
- OKLCH
- oklch(0.809 0.057 39.2)
- OKLab
- oklab(0.809 0.044 0.036)
- CIE Lab
- lab(77.49 15.19 14.18)
- LCH
- lch(77.49 20.78 43)
- CMYK
- cmyk(0% 20% 27% 11%)
Tinte · Ombre · Toni
Tinte
- E5BCAF
- E8C4B7
- EBCBC0
- EED2C9
- F1DAD2
- F4E1DB
- F7E9E4
- FAF0ED
- FCF7F6
Ombre
- C49D90
- A8867A
- 8C6F65
- 715951
- 57443E
- 3E302B
- 271D1A
- 120C0A
- 030201
Toni
- D8B0A2
- CEAA9E
- C4A59B
- BAA097
- B09A93
- A7958F
- 9D908B
- 938A88
- 8A8584
Armonie di colore
Complementare +180°
- E2B5A6
Terra Cotta Blush
- 98CADA
≈ Soothing Blue
Analogo -30° +30°
- E2B5A6
Terra Cotta Blush
- E2B2B9
≈ Amazon River Dolphin
- D9BB9A
≈ Soft Wheat
Triadico +120° +240°
- E2B5A6
Terra Cotta Blush
- A2CCB4
≈ Calculus
- B8BEE6
≈ Spoiled Rotten
Complementare divisa +150° +210°
- E2B5A6
Terra Cotta Blush
- 97CDC8
≈ Clear Cove
- A5C4E4
≈ Utterly Blue
Tetradico +90° +180° +270°
- E2B5A6
Terra Cotta Blush
- B5C8A2
≈ Freshwater Green
- 98CADA
≈ Soothing Blue
- CBB7DD
≈ Viking Diva
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.39:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--terra-cotta-blush: #e2b5a6;
--terra-cotta-blush-rgb: 226 181 166;
--terra-cotta-blush-oklch: oklch(0.809 0.057 39.2);
}
.element {
color: var(--terra-cotta-blush);
background-color: hsl(15 51% 77%);
border-color: oklch(0.809 0.057 39.2);
}Tailwind CSS v4
@theme {
--color-terra-cotta-blush: #e2b5a6;
--color-terra-cotta-blush-50: #fff0e9;
--color-terra-cotta-blush-100: #fae2da;
--color-terra-cotta-blush-200: #ebcdc2;
--color-terra-cotta-blush-300: #d2aea1;
--color-terra-cotta-blush-400: #bd9486;
--color-terra-cotta-blush-500: #a87a6a;
--color-terra-cotta-blush-600: #8e675a;
--color-terra-cotta-blush-700: #725248;
--color-terra-cotta-blush-800: #543c34;
--color-terra-cotta-blush-900: #3b2924;
--color-terra-cotta-blush-950: #251713;
}SCSS
$terra-cotta-blush: #e2b5a6;
$terra-cotta-blush-rgb: 226, 181, 166;
$terra-cotta-blush-light: mix(#fff, $terra-cotta-blush, 20%);
$terra-cotta-blush-dark: mix(#000, $terra-cotta-blush, 20%);
.element {
color: $terra-cotta-blush;
box-shadow: 0 0 0 2px rgba($terra-cotta-blush, 0.35);
}