Couleur nommée la plus proche · #531C2E
#531C2E
Couleur nommée la plus proche: Drops of God
#531C2E (rgb(83 28 46), hsl(340 50% 22%), oklch(0.317 0.084 2.8)) est la plus proche de la couleur nommée Drops of God. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#531C2E
oklch(0.317 0.084 2.8)
Conversions de couleur
- HEX
- #531c2e
- RGB
- rgb(83 28 46)
- HSL
- hsl(340 50% 22%)
- HWB
- hwb(340 11% 67%)
- OKLCH
- oklch(0.317 0.084 2.8)
- OKLab
- oklab(0.317 0.084 0.004)
- CIE Lab
- lab(19.73 27.45 2)
- LCH
- lch(19.73 27.53 4.2)
- CMYK
- cmyk(0% 66% 45% 67%)
Teintes · Ombres · Tons
Teintes
- 643140
- 764653
- 875B66
- 98717A
- A9878F
- BA9EA5
- CBB6BA
- DCCED1
- EEE6E8
Ombres
- 471727
- 3B121F
- 300D18
- 250812
- 1B050B
- 110206
- 080102
- 020001
- 000000
Tons
- 582636
- 5E303D
- 633A45
- 68444D
- 6C4E55
- 71585E
- 756266
- 796C6F
- 7C7677
Harmonies de couleurs
Complémentaire +180°
- 531C2E
Drops of God
- 003B35
≈ Night Turquoise
Analogue -30° +30°
- 531C2E
Drops of God
- 4A1F44
≈ Opulent Mauve
- 551E14
≈ Peaty Brown
Triadique +120° +240°
- 531C2E
Drops of God
- 2B3800
≈ Wasabi Nori
- 003555
≈ Night Dive
Complémentaire divisée +150° +210°
- 531C2E
Drops of God
- 003D1C
≈ Melancholia
- 003943
≈ Natural Indigo
Tétradique +90° +180° +270°
- 531C2E
Drops of God
- 3E3100
≈ Hidden Passage
- 003B35
≈ Night Turquoise
- 242D5C
≈ Ending Navy Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.34:1 · APCA Lc 99
Ag
FailSur noir
WCAG 1.57:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.34:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--drops-of-god: #531c2e;
--drops-of-god-rgb: 83 28 46;
--drops-of-god-oklch: oklch(0.317 0.084 2.8);
}
.element {
color: var(--drops-of-god);
background-color: hsl(340 50% 22%);
border-color: oklch(0.317 0.084 2.8);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #531c2e;
--color-drops-of-god-50: #ffecf2;
--color-drops-of-god-100: #ffdde4;
--color-drops-of-god-200: #f5c6cf;
--color-drops-of-god-300: #dea6b2;
--color-drops-of-god-400: #c98a9a;
--color-drops-of-god-500: #b56e81;
--color-drops-of-god-600: #995d6d;
--color-drops-of-god-700: #7a4a57;
--color-drops-of-god-800: #5a3641;
--color-drops-of-god-900: #3f252d;
--color-drops-of-god-950: #28131a;
}SCSS
$drops-of-god: #531c2e;
$drops-of-god-rgb: 83, 28, 46;
$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);
}