Najbliższy nazwany kolor · #8B5700
#8B5700
Najbliższy nazwany kolor: Grizzly
#8B5700 (rgb(139 87 0), hsl(38 100% 27%), oklch(0.503 0.109 69.9)) jest najbliższy nazwanemu kolorowi Grizzly. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8B5700
oklch(0.503 0.109 69.9)
Konwersje koloru
- HEX
- #8b5700
- RGB
- rgb(139 87 0)
- HSL
- hsl(38 100% 27%)
- HWB
- hwb(38 0% 45%)
- OKLCH
- oklch(0.503 0.109 69.9)
- OKLab
- oklab(0.503 0.037 0.102)
- CIE Lab
- lab(42.12 17.97 50.26)
- LCH
- lch(42.12 53.38 70.3)
- CMYK
- cmyk(0% 37% 100% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97672A
- A27744
- AE885B
- BA9872
- C5A989
- D1BAA0
- DCCBB8
- E8DCCF
- F3EDE7
Odcienie ciemniejsze
- 784B00
- 663E00
- 543300
- 432700
- 321C00
- 231200
- 140800
- 070300
- 010000
Tony
- 8A5C1C
- 8A602C
- 896439
- 886944
- 876D4F
- 867159
- 847563
- 83786D
- 827C76
Harmonie kolorów
Komplementarna +180°
- 8B5700
Grizzly
- 2C67A0
≈ Distant Blue
Analogowa -30° +30°
- 8B5700
Grizzly
- 974C31
≈ Spicy Hue
- 726500
≈ Spicy Mustard
Triada +120° +240°
- 8B5700
Grizzly
- 00746F
≈ Reef
- 775192
≈ Juneberry
Komplementarna rozszczepiona +150° +210°
- 8B5700
Grizzly
- 007088
≈ Blue Jay Crest
- 595BA1
≈ Purple Frenzy
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.06:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.46:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--grizzly: #8b5700;
--grizzly-rgb: 139 87 0;
--grizzly-oklch: oklch(0.503 0.109 69.9);
}
.element {
color: var(--grizzly);
background-color: hsl(38 100% 27%);
border-color: oklch(0.503 0.109 69.9);
}Tailwind CSS v4
@theme {
--color-grizzly: #8b5700;
--color-grizzly-50: #fff1d4;
--color-grizzly-100: #ffe3c1;
--color-grizzly-200: #f2cda1;
--color-grizzly-300: #daaf78;
--color-grizzly-400: #c89352;
--color-grizzly-500: #b47825;
--color-grizzly-600: #986522;
--color-grizzly-700: #7a511b;
--color-grizzly-800: #5b3a12;
--color-grizzly-900: #40280b;
--color-grizzly-950: #281601;
}SCSS
$grizzly: #8b5700;
$grizzly-rgb: 139, 87, 0;
$grizzly-light: mix(#fff, $grizzly, 20%);
$grizzly-dark: mix(#000, $grizzly, 20%);
.element {
color: $grizzly;
box-shadow: 0 0 0 2px rgba($grizzly, 0.35);
}