Cor nomeada mais próxima · #553A63
#553A63
Cor nomeada mais próxima: Royal Crown
#553A63 (rgb(85 58 99), hsl(280 26% 31%), oklch(0.397 0.075 313.5)) é mais próxima da cor nomeada Royal Crown. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#553A63
oklch(0.397 0.075 313.5)
Conversões de cor
- HEX
- #553a63
- RGB
- rgb(85 58 99)
- HSL
- hsl(280 26% 31%)
- HWB
- hwb(280 23% 61%)
- OKLCH
- oklch(0.397 0.075 313.5)
- OKLab
- oklab(0.397 0.051 -0.054)
- CIE Lab
- lab(28.93 18.58 -19.65)
- LCH
- lch(28.93 27.05 313.4)
- CMYK
- cmyk(14% 41% 0% 61%)
Tons claros · Sombras · Tons
Tons claros
- 654C72
- 755E81
- 857190
- 95849F
- A697AF
- B8ABBE
- C9C0CE
- DBD5DE
- EDEAEF
Sombras
- 493155
- 3D2847
- 31203A
- 26182E
- 1C1021
- 110916
- 08040B
- 020103
- 000000
Tons
- 594166
- 5E4869
- 624F6C
- 66566F
- 6A5D72
- 6F6475
- 736B78
- 77727B
- 7C797D
Harmonias de cor
Complementar +180°
- 553A63
Royal Crown
- 364F24
≈ Chestnut Green
Análoga -30° +30°
- 553A63
Royal Crown
- 42416D
≈ Overcast Night
- 623551
≈ Blackberry Deep Red
Tríade +120° +240°
- 553A63
Royal Crown
- 5F4010
≈ Pullman Brown
- 005251
≈ Wool Turquoise
Complementar dividida +150° +210°
- 553A63
Royal Crown
- 4E480F
≈ Sugarloaf Brown
- 15533B
≈ Trapper Green
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.67:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.17:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--royal-crown: #553a63;
--royal-crown-rgb: 85 58 99;
--royal-crown-oklch: oklch(0.397 0.075 313.5);
}
.element {
color: var(--royal-crown);
background-color: hsl(280 26% 31%);
border-color: oklch(0.397 0.075 313.5);
}Tailwind CSS v4
@theme {
--color-royal-crown: #553a63;
--color-royal-crown-50: #feefff;
--color-royal-crown-100: #f2e1f9;
--color-royal-crown-200: #e1cbea;
--color-royal-crown-300: #c6acd2;
--color-royal-crown-400: #ae92be;
--color-royal-crown-500: #9877a9;
--color-royal-crown-600: #80658f;
--color-royal-crown-700: #675173;
--color-royal-crown-800: #4b3b55;
--color-royal-crown-900: #34283c;
--color-royal-crown-950: #1f1625;
}SCSS
$royal-crown: #553a63;
$royal-crown-rgb: 85, 58, 99;
$royal-crown-light: mix(#fff, $royal-crown, 20%);
$royal-crown-dark: mix(#000, $royal-crown, 20%);
.element {
color: $royal-crown;
box-shadow: 0 0 0 2px rgba($royal-crown, 0.35);
}