Colore con nome · #EA6B6A
Porcelain Rose
Porcelain Rose è #EA6B6A: rgb(234 107 106), hsl(0 75% 67%), oklch(0.681 0.158 22.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Porcelain Rose color name →
#EA6B6A
oklch(0.681 0.158 22.6)
Conversioni di colore
- HEX
- #ea6b6a
- RGB
- rgb(234 107 106)
- HSL
- hsl(0 75% 67%)
- HWB
- hwb(0 42% 8%)
- OKLCH
- oklch(0.681 0.158 22.6)
- OKLab
- oklab(0.681 0.146 0.061)
- CIE Lab
- lab(61.41 50.1 25.82)
- LCH
- lch(61.41 56.36 27.3)
- CMYK
- cmyk(0% 54% 55% 8%)
Tinte · Ombre · Toni
Tinte
- EE7B78
- F28A87
- F59A96
- F8A8A4
- FAB7B3
- FCC5C2
- FED4D1
- FFE2E0
- FFF1F0
Ombre
- CB5C5B
- AE4E4D
- 913F3F
- 753231
- 5A2524
- 411818
- 290D0D
- 130404
- 030000
Toni
- E06F6D
- D6726F
- CC7572
- C27774
- B87976
- AD7B78
- A27D7A
- 977E7C
- 8C7F7E
Armonie di colore
Complementare +180°
- EA6B6A
Porcelain Rose
- 00ADB8
≈ Placid Sea
Analogo -30° +30°
- EA6B6A
Porcelain Rose
- E06AA2
≈ China Pink
- E27827
≈ Crushed Orange
Triadico +120° +240°
- EA6B6A
Porcelain Rose
- 56B051
≈ Chlorella Green
- 6295F9
≈ Blue Chaos
Complementare divisa +150° +210°
- EA6B6A
Porcelain Rose
- 00B290
≈ Victorian Greenhouse
- 00A6E0
≈ Vanadyl Blue
Tetradico +90° +180° +270°
- EA6B6A
Porcelain Rose
- 9BA100
≈ Forest Lichen
- 00ADB8
≈ Placid Sea
- 9D83F1
≈ Lavender Blue Shadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.08:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.80:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.80:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--porcelain-rose: #ea6b6a;
--porcelain-rose-rgb: 234 107 106;
--porcelain-rose-oklch: oklch(0.681 0.158 22.6);
}
.element {
color: var(--porcelain-rose);
background-color: hsl(0 75% 67%);
border-color: oklch(0.681 0.158 22.6);
}Tailwind CSS v4
@theme {
--color-porcelain-rose: #ea6b6a;
--color-porcelain-rose-50: #ffe4df;
--color-porcelain-rose-100: #ffd4ce;
--color-porcelain-rose-200: #ffbab3;
--color-porcelain-rose-300: #fe968f;
--color-porcelain-rose-400: #ed7472;
--color-porcelain-rose-500: #db5053;
--color-porcelain-rose-600: #b94547;
--color-porcelain-rose-700: #953738;
--color-porcelain-rose-800: #6f272a;
--color-porcelain-rose-900: #4e1a1c;
--color-porcelain-rose-950: #33090d;
}SCSS
$porcelain-rose: #ea6b6a;
$porcelain-rose-rgb: 234, 107, 106;
$porcelain-rose-light: mix(#fff, $porcelain-rose, 20%);
$porcelain-rose-dark: mix(#000, $porcelain-rose, 20%);
.element {
color: $porcelain-rose;
box-shadow: 0 0 0 2px rgba($porcelain-rose, 0.35);
}