Nazwany kolor · #B5651D
Light Brown
Light Brown to #B5651D: rgb(181 101 29), hsl(28 72% 41%), oklch(0.587 0.13 56.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Light Brown color name →
#B5651D
oklch(0.587 0.13 56.8)
Konwersje koloru
- HEX
- #b5651d
- RGB
- rgb(181 101 29)
- HSL
- hsl(28 72% 41%)
- HWB
- hwb(28 11% 29%)
- OKLCH
- oklch(0.587 0.13 56.8)
- OKLab
- oklab(0.587 0.071 0.109)
- CIE Lab
- lab(51.48 29.39 51.71)
- LCH
- lch(51.48 59.48 60.4)
- CMYK
- cmyk(0% 44% 84% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BD753B
- C68452
- CE9369
- D5A27E
- DDB293
- E4C1A9
- EBD0BE
- F2E0D3
- F9EFE9
Odcienie ciemniejsze
- 9D5718
- 864913
- 6F3C0E
- 592F09
- 442205
- 301703
- 1D0C01
- 0C0300
- 020000
Tony
- B0692E
- AC6C3A
- A76F45
- A2724F
- 9D7558
- 977760
- 927A69
- 8C7C71
- 867E78
Harmonie kolorów
Komplementarna +180°
- B5651D
Light Brown
- 0086BE
≈ Ibiza Blue
Analogowa -30° +30°
- B5651D
Light Brown
- BD5A51
≈ Tandoori
- 9B7600
≈ Mesozoic Green
Triada +120° +240°
- B5651D
Light Brown
- 00917B
≈ Aqua Waters
- 856AC0
≈ Lavish Spending
Komplementarna rozszczepiona +150° +210°
- B5651D
Light Brown
- 008D9A
≈ Coral Coast
- 5978CA
≈ Indigo Light
Tetrada +90° +180° +270°
- B5651D
Light Brown
- 3F914C
≈ Wild Forest
- 0086BE
≈ Ibiza Blue
- A45EA5
≈ Heath Spotted Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.33:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.84:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-brown: #b5651d;
--light-brown-rgb: 181 101 29;
--light-brown-oklch: oklch(0.587 0.13 56.8);
}
.element {
color: var(--light-brown);
background-color: hsl(28 72% 41%);
border-color: oklch(0.587 0.13 56.8);
}Tailwind CSS v4
@theme {
--color-light-brown: #b5651d;
--color-light-brown-50: #ffedd1;
--color-light-brown-100: #ffdebd;
--color-light-brown-200: #ffc79d;
--color-light-brown-300: #e9a772;
--color-light-brown-400: #d8894b;
--color-light-brown-500: #c56c16;
--color-light-brown-600: #a65c17;
--color-light-brown-700: #864913;
--color-light-brown-800: #64340d;
--color-light-brown-900: #462408;
--color-light-brown-950: #2d1200;
}SCSS
$light-brown: #b5651d;
$light-brown-rgb: 181, 101, 29;
$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);
}