Najbliższy nazwany kolor · #602331
#602331
Najbliższy nazwany kolor: Drops of God
#602331 (rgb(96 35 49), hsl(346 47% 26%), oklch(0.351 0.09 8.8)) jest najbliższy nazwanemu kolorowi Drops of God. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#602331
oklch(0.351 0.09 8.8)
Konwersje koloru
- HEX
- #602331
- RGB
- rgb(96 35 49)
- HSL
- hsl(346 47% 26%)
- HWB
- hwb(346 14% 62%)
- OKLCH
- oklch(0.351 0.09 8.8)
- OKLab
- oklab(0.351 0.089 0.014)
- CIE Lab
- lab(23.65 29.27 5.85)
- LCH
- lch(23.65 29.85 11.3)
- CMYK
- cmyk(0% 64% 49% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 703843
- 814C55
- 916169
- A1767D
- B08C91
- C0A2A6
- D0B9BC
- E0D0D2
- EFE7E8
Odcienie ciemniejsze
- 521D29
- 451722
- 38111A
- 2C0C13
- 20070C
- 150406
- 0A0103
- 030001
- 000000
Tony
- 642D38
- 683640
- 6C4047
- 70494F
- 735257
- 765B5F
- 796467
- 7C6D6F
- 7E7778
Harmonie kolorów
Komplementarna +180°
- 602331
Drops of God
- 004541
≈ Dark Side
Analogowa -30° +30°
- 602331
Drops of God
- 58254A
≈ Murasaki
- 602713
≈ Hot Fudge
Triada +120° +240°
- 602331
Drops of God
- 2C4304
≈ Garden Shadow
- 083D67
≈ Dark Imperial Blue
Komplementarna rozszczepiona +150° +210°
- 602331
Drops of God
- 00472B
≈ Alaskan Moss
- 004251
≈ Crab Nebula
Tetrada +90° +180° +270°
- 602331
Drops of God
- 443B00
≈ Xanthophobia
- 004541
≈ Dark Side
- 313468
≈ Deep Koamaru
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.78:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.78:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.78:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--drops-of-god: #602331;
--drops-of-god-rgb: 96 35 49;
--drops-of-god-oklch: oklch(0.351 0.09 8.8);
}
.element {
color: var(--drops-of-god);
background-color: hsl(346 47% 26%);
border-color: oklch(0.351 0.09 8.8);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #602331;
--color-drops-of-god-50: #ffebef;
--color-drops-of-god-100: #ffdce1;
--color-drops-of-god-200: #f8c5cb;
--color-drops-of-god-300: #e1a5ac;
--color-drops-of-god-400: #cd8893;
--color-drops-of-god-500: #b96c7a;
--color-drops-of-god-600: #9c5c67;
--color-drops-of-god-700: #7d4952;
--color-drops-of-god-800: #5d353d;
--color-drops-of-god-900: #41242a;
--color-drops-of-god-950: #291318;
}SCSS
$drops-of-god: #602331;
$drops-of-god-rgb: 96, 35, 49;
$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);
}