Najbliższy nazwany kolor · #94710B
#94710B
Najbliższy nazwany kolor: Glazed Chestnut
#94710B (rgb(148 113 11), hsl(45 86% 31%), oklch(0.568 0.113 86.3)) jest najbliższy nazwanemu kolorowi Glazed Chestnut. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#94710B
oklch(0.568 0.113 86.3)
Konwersje koloru
- HEX
- #94710b
- RGB
- rgb(148 113 11)
- HSL
- hsl(45 86% 31%)
- HWB
- hwb(45 4% 42%)
- OKLCH
- oklch(0.568 0.113 86.3)
- OKLab
- oklab(0.568 0.007 0.113)
- CIE Lab
- lab(50.03 7.95 53.61)
- LCH
- lch(50.03 54.2 81.6)
- CMYK
- cmyk(0% 24% 93% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E7F32
- A98D4C
- B39B63
- BEA979
- C9B790
- D3C5A6
- DED3BC
- E9E2D2
- F4F0E8
Odcienie ciemniejsze
- 806108
- 6D5206
- 5A4304
- 483502
- 362701
- 261A01
- 160E00
- 080400
- 010100
Tony
- 927324
- 907533
- 8E763F
- 8C784A
- 8A7954
- 887B5E
- 867C67
- 847E6F
- 827F78
Harmonie kolorów
Komplementarna +180°
- 94710B
Glazed Chestnut
- 5874B9
≈ Diva Violet
Analogowa -30° +30°
- 94710B
Glazed Chestnut
- A8632C
≈ Mai Tai
- 737F24
≈ Pacifika
Triada +120° +240°
- 94710B
Glazed Chestnut
- 008693
≈ Tropical Teal
- 995D9A
≈ Heath Spotted Orchid
Komplementarna rozszczepiona +150° +210°
- 94710B
Glazed Chestnut
- 1D80B0
≈ Blue Vacation
- 7D67B1
≈ Clear Mauve
Tetrada +90° +180° +270°
- 94710B
Glazed Chestnut
- 008B75
≈ Emerald Enchantment
- 5874B9
≈ Diva Violet
- AA5878
≈ Indian Pink
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--glazed-chestnut: #94710b;
--glazed-chestnut-rgb: 148 113 11;
--glazed-chestnut-oklch: oklch(0.568 0.113 86.3);
}
.element {
color: var(--glazed-chestnut);
background-color: hsl(45 86% 31%);
border-color: oklch(0.568 0.113 86.3);
}Tailwind CSS v4
@theme {
--color-glazed-chestnut: #94710b;
--color-glazed-chestnut-50: #fff4d1;
--color-glazed-chestnut-100: #f7e7bd;
--color-glazed-chestnut-200: #e8d29d;
--color-glazed-chestnut-300: #cfb572;
--color-glazed-chestnut-400: #bc9a49;
--color-glazed-chestnut-500: #a7800a;
--color-glazed-chestnut-600: #8d6c10;
--color-glazed-chestnut-700: #71560e;
--color-glazed-chestnut-800: #553e07;
--color-glazed-chestnut-900: #3b2b05;
--color-glazed-chestnut-950: #251800;
}SCSS
$glazed-chestnut: #94710b;
$glazed-chestnut-rgb: 148, 113, 11;
$glazed-chestnut-light: mix(#fff, $glazed-chestnut, 20%);
$glazed-chestnut-dark: mix(#000, $glazed-chestnut, 20%);
.element {
color: $glazed-chestnut;
box-shadow: 0 0 0 2px rgba($glazed-chestnut, 0.35);
}