Nazwany kolor · #605B57
Mountain Quail
Mountain Quail to #605B57: rgb(96 91 87), hsl(27 5% 36%), oklch(0.475 0.009 61.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mountain Quail color name →
#605B57
oklch(0.475 0.009 61.3)
Konwersje koloru
- HEX
- #605b57
- RGB
- rgb(96 91 87)
- HSL
- hsl(27 5% 36%)
- HWB
- hwb(27 34% 62%)
- OKLCH
- oklch(0.475 0.009 61.3)
- OKLab
- oklab(0.475 0.004 0.008)
- CIE Lab
- lab(39.04 1.49 3.07)
- LCH
- lch(39.04 3.41 64.2)
- CMYK
- cmyk(0% 5% 9% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F6A66
- 7D7976
- 8D8986
- 9C9996
- ACA9A7
- BCBAB8
- CDCBC9
- DDDCDB
- EEEDED
Odcienie ciemniejsze
- 524E4B
- 45413E
- 383533
- 2C2927
- 201E1C
- 151312
- 0A0908
- 030303
- 000000
Tony
- 635F5B
- 66625F
- 696663
- 6D6A67
- 706D6B
- 73716F
- 767573
- 797878
- 7D7C7C
Harmonie kolorów
Komplementarna +180°
- 605B57
Mountain Quail
- 585D61
≈ Pencil Point
Analogowa -30° +30°
- 605B57
Mountain Quail
- 615A59
≈ Waza Bear
- 5E5C56
≈ Charcoal Sketch
Triada +120° +240°
- 605B57
Mountain Quail
- 575E5C
≈ Mostly Metal
- 5D5B60
≈ Tornado Cloud
Komplementarna rozszczepiona +150° +210°
- 605B57
Mountain Quail
- 575E5F
≈ Mostly Metal
- 5A5C61
≈ Blackish Grey
Tetrada +90° +180° +270°
- 605B57
Mountain Quail
- 595E59
≈ Chicago
- 585D61
≈ Pencil Point
- 5F5A5E
≈ Tornado Cloud
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.70:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.13:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-quail: #605b57;
--mountain-quail-rgb: 96 91 87;
--mountain-quail-oklch: oklch(0.475 0.009 61.3);
}
.element {
color: var(--mountain-quail);
background-color: hsl(27 5% 36%);
border-color: oklch(0.475 0.009 61.3);
}Tailwind CSS v4
@theme {
--color-mountain-quail: #605b57;
--color-mountain-quail-50: #f7f5f2;
--color-mountain-quail-100: #eae7e5;
--color-mountain-quail-200: #d7d3d0;
--color-mountain-quail-300: #bbb6b3;
--color-mountain-quail-400: #a29d99;
--color-mountain-quail-500: #8b8580;
--color-mountain-quail-600: #75706d;
--color-mountain-quail-700: #5e5a57;
--color-mountain-quail-800: #45423f;
--color-mountain-quail-900: #302d2c;
--color-mountain-quail-950: #1c1a19;
}SCSS
$mountain-quail: #605b57;
$mountain-quail-rgb: 96, 91, 87;
$mountain-quail-light: mix(#fff, $mountain-quail, 20%);
$mountain-quail-dark: mix(#000, $mountain-quail, 20%);
.element {
color: $mountain-quail;
box-shadow: 0 0 0 2px rgba($mountain-quail, 0.35);
}