Cor nomeada mais próxima · #E3A599
#E3A599
Cor nomeada mais próxima: Pink Palazzo
#E3A599 (rgb(227 165 153), hsl(10 57% 75%), oklch(0.777 0.076 31.2)) é mais próxima da cor nomeada Pink Palazzo. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E3A599
oklch(0.777 0.076 31.2)
Conversões de cor
- HEX
- #e3a599
- RGB
- rgb(227 165 153)
- HSL
- hsl(10 57% 75%)
- HWB
- hwb(10 60% 11%)
- OKLCH
- oklch(0.777 0.076 31.2)
- OKLab
- oklab(0.777 0.065 0.039)
- CIE Lab
- lab(73.54 22.43 15.77)
- LCH
- lch(73.54 27.42 35.1)
- CMYK
- cmyk(0% 27% 33% 11%)
Tons claros · Sombras · Tons
Tons claros
- E6AEA3
- EAB7AD
- EDC0B7
- F0C9C1
- F3D2CB
- F5DBD5
- F8E4E0
- FAEDEA
- FDF6F5
Sombras
- C58F84
- A87970
- 8C655D
- 71514A
- 573D38
- 3F2B27
- 271A17
- 120A08
- 030101
Tons
- D9A197
- CF9E94
- C59A92
- BB968F
- B1938D
- A78F8A
- 9E8B88
- 948885
- 8A8483
Harmonias de cor
Complementar +180°
- E3A599
Pink Palazzo
- 7AC4D2
≈ Twisted Blue
Análoga -30° +30°
- E3A599
Pink Palazzo
- E0A3B3
≈ Iced Vovo
- DBAC85
≈ Porcini
Tríade +120° +240°
- E3A599
Pink Palazzo
- 93C59E
≈ Delltone
- A4B4E8
≈ Myrtle Flower
Complementar dividida +150° +210°
- E3A599
Pink Palazzo
- 7EC7B9
≈ Booty Bay
- 8BBDE3
≈ Watery Sea
Tétrade +90° +180° +270°
- E3A599
Pink Palazzo
- AFBF88
≈ Shrubbery
- 7AC4D2
≈ Twisted Blue
- BFACE0
≈ Perfume
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.10:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--pink-palazzo: #e3a599;
--pink-palazzo-rgb: 227 165 153;
--pink-palazzo-oklch: oklch(0.777 0.076 31.2);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(10 57% 75%);
border-color: oklch(0.777 0.076 31.2);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #e3a599;
--color-pink-palazzo-50: #ffeee7;
--color-pink-palazzo-100: #ffdfd8;
--color-pink-palazzo-200: #f3c9c0;
--color-pink-palazzo-300: #dbaa9f;
--color-pink-palazzo-400: #c78e83;
--color-pink-palazzo-500: #b37367;
--color-pink-palazzo-600: #976257;
--color-pink-palazzo-700: #794e46;
--color-pink-palazzo-800: #5a3833;
--color-pink-palazzo-900: #3f2623;
--color-pink-palazzo-950: #281512;
}SCSS
$pink-palazzo: #e3a599;
$pink-palazzo-rgb: 227, 165, 153;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}