Najbliższy nazwany kolor · #B06318
#B06318
Najbliższy nazwany kolor: Light Brown
#B06318 (rgb(176 99 24), hsl(30 76% 39%), oklch(0.577 0.128 58.2)) jest najbliższy nazwanemu kolorowi Light Brown. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B06318
oklch(0.577 0.128 58.2)
Konwersje koloru
- HEX
- #b06318
- RGB
- rgb(176 99 24)
- HSL
- hsl(30 76% 39%)
- HWB
- hwb(30 9% 31%)
- OKLCH
- oklch(0.577 0.128 58.2)
- OKLab
- oklab(0.577 0.068 0.109)
- CIE Lab
- lab(50.29 28.22 52.2)
- LCH
- lch(50.29 59.34 61.6)
- CMYK
- cmyk(0% 44% 86% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B97337
- C18250
- CA9266
- D2A17C
- DAB092
- E2C0A7
- E9D0BD
- F1DFD3
- F8EFE9
Odcienie ciemniejsze
- 995513
- 82470F
- 6C3A0A
- 562E07
- 422104
- 2E1602
- 1C0B01
- 0B0300
- 010000
Tony
- AC672A
- A86A38
- A36D43
- 9F714D
- 9A7356
- 95765F
- 907968
- 8B7B70
- 867E78
Harmonie kolorów
Komplementarna +180°
- B06318
Light Brown
- 0082BC
≈ Tall Ships
Analogowa -30° +30°
- B06318
Light Brown
- B9574D
≈ Safflower Bark
- 967400
≈ Bhūrā Brown
Triada +120° +240°
- B06318
Light Brown
- 008D7A
≈ Emerald Enchantment
- 8366BA
≈ Lavish Spending
Komplementarna rozszczepiona +150° +210°
- B06318
Light Brown
- 008998
≈ Atlantic Blue
- 5974C5
≈ Indigo Light
Tetrada +90° +180° +270°
- B06318
Light Brown
- 398D4C
≈ Underclover
- 0082BC
≈ Tall Ships
- A15B9F
≈ Heath Spotted Orchid
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.52:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-brown: #b06318;
--light-brown-rgb: 176 99 24;
--light-brown-oklch: oklch(0.577 0.128 58.2);
}
.element {
color: var(--light-brown);
background-color: hsl(30 76% 39%);
border-color: oklch(0.577 0.128 58.2);
}Tailwind CSS v4
@theme {
--color-light-brown: #b06318;
--color-light-brown-50: #ffedd1;
--color-light-brown-100: #ffdfbd;
--color-light-brown-200: #fec89d;
--color-light-brown-300: #e8a872;
--color-light-brown-400: #d68a4b;
--color-light-brown-500: #c36d15;
--color-light-brown-600: #a55d17;
--color-light-brown-700: #844a12;
--color-light-brown-800: #63350d;
--color-light-brown-900: #462408;
--color-light-brown-950: #2d1200;
}SCSS
$light-brown: #b06318;
$light-brown-rgb: 176, 99, 24;
$light-brown-light: mix(#fff, $light-brown, 20%);
$light-brown-dark: mix(#000, $light-brown, 20%);
.element {
color: $light-brown;
box-shadow: 0 0 0 2px rgba($light-brown, 0.35);
}