Najbliższy nazwany kolor · #585A17
#585A17
Najbliższy nazwany kolor: Reptile Revenge
#585A17 (rgb(88 90 23), hsl(62 59% 22%), oklch(0.452 0.087 111.1)) jest najbliższy nazwanemu kolorowi Reptile Revenge. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#585A17
oklch(0.452 0.087 111.1)
Konwersje koloru
- HEX
- #585a17
- RGB
- rgb(88 90 23)
- HSL
- hsl(62 59% 22%)
- HWB
- hwb(62 9% 65%)
- OKLCH
- oklch(0.452 0.087 111.1)
- OKLab
- oklab(0.452 -0.031 0.081)
- CIE Lab
- lab(37.03 -7.66 36.17)
- LCH
- lch(37.03 36.97 102)
- CMYK
- cmyk(2% 0% 74% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 676931
- 767948
- 86895E
- 969974
- A7A98A
- B8BAA1
- C9CBB8
- DBDCCF
- EDEDE7
Odcienie ciemniejsze
- 4B4D12
- 3F410E
- 33350A
- 282906
- 1D1E04
- 121302
- 090901
- 030300
- 000000
Tony
- 5C5E25
- 606231
- 63663C
- 676A46
- 6B6D50
- 6F715A
- 737563
- 78796D
- 7C7C77
Harmonie kolorów
Komplementarna +180°
- 585A17
Reptile Revenge
- 564C82
≈ Spirit Dance
Analogowa -30° +30°
- 585A17
Reptile Revenge
- 6E500E
≈ Field Drab
- 396232
≈ Greenhouse
Triada +120° +240°
- 585A17
Reptile Revenge
- 0C5E7D
≈ Back of Beyond
- 7A405C
≈ Purple Drab
Komplementarna rozszczepiona +150° +210°
- 585A17
Reptile Revenge
- 3A5586
≈ Southern Blue
- 6C4573
≈ Perfectly Purple
Tetrada +90° +180° +270°
- 585A17
Reptile Revenge
- 006267
≈ Really Teal
- 564C82
≈ Spirit Dance
- 7F4040
≈ Mesopotamian Dagger
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.26:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.88:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--reptile-revenge: #585a17;
--reptile-revenge-rgb: 88 90 23;
--reptile-revenge-oklch: oklch(0.452 0.087 111.1);
}
.element {
color: var(--reptile-revenge);
background-color: hsl(62 59% 22%);
border-color: oklch(0.452 0.087 111.1);
}Tailwind CSS v4
@theme {
--color-reptile-revenge: #585a17;
--color-reptile-revenge-50: #f5f8dc;
--color-reptile-revenge-100: #e7eccb;
--color-reptile-revenge-200: #d4d9ae;
--color-reptile-revenge-300: #b7bd89;
--color-reptile-revenge-400: #a0a466;
--color-reptile-revenge-500: #888c43;
--color-reptile-revenge-600: #73763a;
--color-reptile-revenge-700: #5c5f2e;
--color-reptile-revenge-800: #45451f;
--color-reptile-revenge-900: #2f3014;
--color-reptile-revenge-950: #1c1c06;
}SCSS
$reptile-revenge: #585a17;
$reptile-revenge-rgb: 88, 90, 23;
$reptile-revenge-light: mix(#fff, $reptile-revenge, 20%);
$reptile-revenge-dark: mix(#000, $reptile-revenge, 20%);
.element {
color: $reptile-revenge;
box-shadow: 0 0 0 2px rgba($reptile-revenge, 0.35);
}