Cor nomeada mais próxima · #55252F
#55252F
Cor nomeada mais próxima: Drops of God
#55252F (rgb(85 37 47), hsl(348 39% 24%), oklch(0.335 0.072 8.7)) é mais próxima da cor nomeada Drops of God. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#55252F
oklch(0.335 0.072 8.7)
Conversões de cor
- HEX
- #55252f
- RGB
- rgb(85 37 47)
- HSL
- hsl(348 39% 24%)
- HWB
- hwb(348 15% 67%)
- OKLCH
- oklch(0.335 0.072 8.7)
- OKLab
- oklab(0.335 0.071 0.011)
- CIE Lab
- lab(22.02 23.58 4.59)
- LCH
- lch(22.02 24.03 11)
- CMYK
- cmyk(0% 56% 45% 67%)
Tons claros · Sombras · Tons
Tons claros
- 663941
- 774D54
- 876167
- 98767B
- A98C90
- BAA2A5
- CBB8BB
- DCD0D1
- EEE7E8
Sombras
- 491F27
- 3D1920
- 311319
- 260D12
- 1C080C
- 110406
- 080203
- 020001
- 000000
Tons
- 5A2E36
- 5F373E
- 644046
- 68494E
- 6D5256
- 715B5E
- 756466
- 796D6F
- 7C7777
Harmonias de cor
Complementar +180°
- 55252F
Drops of God
- 00403D
≈ Rich Black
Análoga -30° +30°
- 55252F
Drops of God
- 4E2743
≈ Murasaki
- 552819
≈ Boson Brown
Tríade +120° +240°
- 55252F
Drops of God
- 2B3D11
≈ Hinterlands Green
- 14395A
≈ Poseidon
Complementar dividida +150° +210°
- 55252F
Drops of God
- 084228
≈ Angel Green
- 003E4C
≈ Ghostlands Coal
Tétrade +90° +180° +270°
- 55252F
Drops of God
- 403700
≈ Camouflage
- 00403D
≈ Rich Black
- 2F325B
≈ Quill Tip
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.41:1 · APCA Lc 98
Ag
FailSobre preto
WCAG 1.69:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.41:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--drops-of-god: #55252f;
--drops-of-god-rgb: 85 37 47;
--drops-of-god-oklch: oklch(0.335 0.072 8.7);
}
.element {
color: var(--drops-of-god);
background-color: hsl(348 39% 24%);
border-color: oklch(0.335 0.072 8.7);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #55252f;
--color-drops-of-god-50: #ffedf0;
--color-drops-of-god-100: #ffdfe2;
--color-drops-of-god-200: #f1c8cd;
--color-drops-of-god-300: #d9a9ae;
--color-drops-of-god-400: #c58d96;
--color-drops-of-god-500: #b0727c;
--color-drops-of-god-600: #956169;
--color-drops-of-god-700: #774d54;
--color-drops-of-god-800: #58383e;
--color-drops-of-god-900: #3e262b;
--color-drops-of-god-950: #271418;
}SCSS
$drops-of-god: #55252f;
$drops-of-god-rgb: 85, 37, 47;
$drops-of-god-light: mix(#fff, $drops-of-god, 20%);
$drops-of-god-dark: mix(#000, $drops-of-god, 20%);
.element {
color: $drops-of-god;
box-shadow: 0 0 0 2px rgba($drops-of-god, 0.35);
}