Najbliższy nazwany kolor · #585900
#585900
Najbliższy nazwany kolor: Serrano Pepper
#585900 (rgb(88 89 0), hsl(61 100% 17%), oklch(0.448 0.098 110.5)) jest najbliższy nazwanemu kolorowi Serrano Pepper. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#585900
oklch(0.448 0.098 110.5)
Konwersje koloru
- HEX
- #585900
- RGB
- rgb(88 89 0)
- HSL
- hsl(61 100% 17%)
- HWB
- hwb(61 0% 65%)
- OKLCH
- oklch(0.448 0.098 110.5)
- OKLab
- oklab(0.448 -0.034 0.092)
- CIE Lab
- lab(36.62 -7.8 43.21)
- LCH
- lch(36.62 43.91 100.2)
- CMYK
- cmyk(1% 0% 100% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 676926
- 767840
- 868857
- 96996E
- A7A986
- B8BA9D
- C9CBB5
- DBDCCD
- EDEDE6
Odcienie ciemniejsze
- 4B4C00
- 3F4000
- 333400
- 282800
- 1D1D00
- 121300
- 090900
- 030300
- 000000
Tony
- 5C5D19
- 5F6128
- 636535
- 676941
- 6B6D4C
- 6F7156
- 737561
- 77786B
- 7C7C76
Harmonie kolorów
Komplementarna +180°
- 585900
Serrano Pepper
- 554A87
≈ Victoria
Analogowa -30° +30°
- 585900
Serrano Pepper
- 6F4E00
≈ Antique Bronze
- 34622B
≈ Gameboy Shade
Triada +120° +240°
- 585900
Serrano Pepper
- 005D7D
≈ Blue Edge
- 7C3C5C
≈ Pleasure
Komplementarna rozszczepiona +150° +210°
- 585900
Serrano Pepper
- 34548B
≈ Glimpse of Void
- 6D4176
≈ Palace Purple
Tetrada +90° +180° +270°
- 585900
Serrano Pepper
- 006166
≈ Beau Vert
- 554A87
≈ Victoria
- 833C3D
≈ Red Candle
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.38:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.84:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--serrano-pepper: #585900;
--serrano-pepper-rgb: 88 89 0;
--serrano-pepper-oklch: oklch(0.448 0.098 110.5);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(61 100% 17%);
border-color: oklch(0.448 0.098 110.5);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #585900;
--color-serrano-pepper-50: #f5f9d9;
--color-serrano-pepper-100: #e8ecc7;
--color-serrano-pepper-200: #d4d9a9;
--color-serrano-pepper-300: #b8bd82;
--color-serrano-pepper-400: #a1a45d;
--color-serrano-pepper-500: #8a8c37;
--color-serrano-pepper-600: #747630;
--color-serrano-pepper-700: #5d5f26;
--color-serrano-pepper-800: #454519;
--color-serrano-pepper-900: #303010;
--color-serrano-pepper-950: #1c1c03;
}SCSS
$serrano-pepper: #585900;
$serrano-pepper-rgb: 88, 89, 0;
$serrano-pepper-light: mix(#fff, $serrano-pepper, 20%);
$serrano-pepper-dark: mix(#000, $serrano-pepper, 20%);
.element {
color: $serrano-pepper;
box-shadow: 0 0 0 2px rgba($serrano-pepper, 0.35);
}