Nazwany kolor · #655A4A
Frontier Shadow
Frontier Shadow to #655A4A: rgb(101 90 74), hsl(36 15% 34%), oklch(0.474 0.029 77.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Frontier Shadow color name →
#655A4A
oklch(0.474 0.029 77.2)
Konwersje koloru
- HEX
- #655a4a
- RGB
- rgb(101 90 74)
- HSL
- hsl(36 15% 34%)
- HWB
- hwb(36 29% 60%)
- OKLCH
- oklch(0.474 0.029 77.2)
- OKLab
- oklab(0.474 0.006 0.028)
- CIE Lab
- lab(38.97 2.53 11)
- LCH
- lch(38.97 11.29 77)
- CMYK
- cmyk(0% 11% 27% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 73695A
- 82796B
- 91887C
- A0988E
- AFA9A0
- BEBAB2
- CECBC5
- DEDCD8
- EFEDEB
Odcienie ciemniejsze
- 574D3F
- 494135
- 3C352A
- 2F2920
- 221E17
- 17130E
- 0C0906
- 030302
- 000000
Tony
- 685E4F
- 6A6155
- 6D655A
- 70695F
- 726D65
- 75716A
- 787470
- 7B7875
- 7D7C7A
Harmonie kolorów
Komplementarna +180°
- 655A4A
Frontier Shadow
- 525D6C
≈ Blue Planet
Analogowa -30° +30°
- 655A4A
Frontier Shadow
- 6A574E
≈ Moor Oak Grey
- 5D5D4B
≈ Olive Court
Triada +120° +240°
- 655A4A
Frontier Shadow
- 496161
≈ Brochantite Green
- 635767
≈ Darkest Grape
Komplementarna rozszczepiona +150° +210°
- 655A4A
Frontier Shadow
- 4B5F68
≈ Blackthorn Blue
- 5A5A6B
≈ Shearwater Black
Tetrada +90° +180° +270°
- 655A4A
Frontier Shadow
- 4D6158
≈ Siberian Green
- 525D6C
≈ Blue Planet
- 68565F
≈ Indulgent
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.74:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.11:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.74:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--frontier-shadow: #655a4a;
--frontier-shadow-rgb: 101 90 74;
--frontier-shadow-oklch: oklch(0.474 0.029 77.2);
}
.element {
color: var(--frontier-shadow);
background-color: hsl(36 15% 34%);
border-color: oklch(0.474 0.029 77.2);
}Tailwind CSS v4
@theme {
--color-frontier-shadow: #655a4a;
--color-frontier-shadow-50: #faf4ec;
--color-frontier-shadow-100: #ede7dd;
--color-frontier-shadow-200: #dbd3c7;
--color-frontier-shadow-300: #bfb6a7;
--color-frontier-shadow-400: #a89d8c;
--color-frontier-shadow-500: #918471;
--color-frontier-shadow-600: #7b7060;
--color-frontier-shadow-700: #62594d;
--color-frontier-shadow-800: #484138;
--color-frontier-shadow-900: #322d26;
--color-frontier-shadow-950: #1e1a14;
}SCSS
$frontier-shadow: #655a4a;
$frontier-shadow-rgb: 101, 90, 74;
$frontier-shadow-light: mix(#fff, $frontier-shadow, 20%);
$frontier-shadow-dark: mix(#000, $frontier-shadow, 20%);
.element {
color: $frontier-shadow;
box-shadow: 0 0 0 2px rgba($frontier-shadow, 0.35);
}