Nazwany kolor · #605244
Volcanic Island
Volcanic Island to #605244: rgb(96 82 68), hsl(30 17% 32%), oklch(0.448 0.029 67). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Volcanic Island color name →
#605244
oklch(0.448 0.029 67)
Konwersje koloru
- HEX
- #605244
- RGB
- rgb(96 82 68)
- HSL
- hsl(30 17% 32%)
- HWB
- hwb(30 27% 62%)
- OKLCH
- oklch(0.448 0.029 67)
- OKLab
- oklab(0.448 0.011 0.027)
- CIE Lab
- lab(35.99 4.2 10.51)
- LCH
- lch(35.99 11.31 68.2)
- CMYK
- cmyk(0% 15% 29% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F6255
- 7E7266
- 8D8278
- 9C938A
- ACA49D
- BCB6B0
- CDC8C3
- DDDAD7
- EEECEB
Odcienie ciemniejsze
- 52463A
- 453B30
- 382F26
- 2C251D
- 201A14
- 15110C
- 0A0805
- 030202
- 000000
Tony
- 63564A
- 665B50
- 6A6056
- 6D645C
- 706961
- 736D68
- 76726E
- 7A7774
- 7D7B7A
Harmonie kolorów
Komplementarna +180°
- 605244
Volcanic Island
- 485764
≈ Flapper Dance
Analogowa -30° +30°
- 605244
Volcanic Island
- 64504A
≈ Mayan Chocolate
- 595543
≈ Olive Smudge
Triada +120° +240°
- 605244
Volcanic Island
- 435A57
≈ Mariana Trench
- 595162
≈ Napa Grape
Komplementarna rozszczepiona +150° +210°
- 605244
Volcanic Island
- 43595F
≈ Long Water
- 505465
≈ Lap of Luxury
Tetrada +90° +180° +270°
- 605244
Volcanic Island
- 485A4E
≈ Greener Pastures
- 485764
≈ Flapper Dance
- 604F5B
≈ Wishing Star
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.53:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.78:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.53:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--volcanic-island: #605244;
--volcanic-island-rgb: 96 82 68;
--volcanic-island-oklch: oklch(0.448 0.029 67);
}
.element {
color: var(--volcanic-island);
background-color: hsl(30 17% 32%);
border-color: oklch(0.448 0.029 67);
}Tailwind CSS v4
@theme {
--color-volcanic-island: #605244;
--color-volcanic-island-50: #fbf4ed;
--color-volcanic-island-100: #eee6de;
--color-volcanic-island-200: #ddd2c7;
--color-volcanic-island-300: #c1b5a8;
--color-volcanic-island-400: #aa9c8d;
--color-volcanic-island-500: #948372;
--color-volcanic-island-600: #7d6f61;
--color-volcanic-island-700: #64594d;
--color-volcanic-island-800: #4a4038;
--color-volcanic-island-900: #332c26;
--color-volcanic-island-950: #1f1a15;
}SCSS
$volcanic-island: #605244;
$volcanic-island-rgb: 96, 82, 68;
$volcanic-island-light: mix(#fff, $volcanic-island, 20%);
$volcanic-island-dark: mix(#000, $volcanic-island, 20%);
.element {
color: $volcanic-island;
box-shadow: 0 0 0 2px rgba($volcanic-island, 0.35);
}