Nazwany kolor · #410200
Biltong
Biltong to #410200: rgb(65 2 0), hsl(2 100% 13%), oklch(0.238 0.094 30.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Biltong color name →
#410200
oklch(0.238 0.094 30.4)
Konwersje koloru
- HEX
- #410200
- RGB
- rgb(65 2 0)
- HSL
- hsl(2 100% 13%)
- HWB
- hwb(2 0% 75%)
- OKLCH
- oklch(0.238 0.094 30.4)
- OKLab
- oklab(0.238 0.081 0.048)
- CIE Lab
- lab(10.7 29.43 16.95)
- LCH
- lch(10.7 33.96 29.9)
- CMYK
- cmyk(0% 97% 100% 75%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 541D15
- 68342C
- 7B4C43
- 8E635C
- A07C75
- B3958F
- C6AEAA
- D9C9C6
- ECE4E2
Odcienie ciemniejsze
- 370100
- 2E0100
- 250100
- 1C0000
- 130000
- 0B0000
- 050000
- 010000
- 000000
Tony
- 49120B
- 501F18
- 572B24
- 5E3731
- 64433D
- 6A4F4A
- 705B57
- 766765
- 7B7472
Harmonie kolorów
Komplementarna +180°
- 410200
Biltong
- 00242A
≈ Teal Spill
Analogowa -30° +30°
- 410200
Biltong
- 3E011D
≈ Blaze It Dark Magenta
- 311700
≈ Shadow Play
Triada +120° +240°
- 410200
Biltong
- 00270D
≈ Zia Olive
- 0F184A
≈ Tetsu-Kon Blue
Komplementarna rozszczepiona +150° +210°
- 410200
Biltong
- 002520
≈ Teal Spill
- 002136
≈ Midnight Dreams
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.02:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.23:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.02:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--biltong: #410200;
--biltong-rgb: 65 2 0;
--biltong-oklch: oklch(0.238 0.094 30.4);
}
.element {
color: var(--biltong);
background-color: hsl(2 100% 13%);
border-color: oklch(0.238 0.094 30.4);
}Tailwind CSS v4
@theme {
--color-biltong: #410200;
--color-biltong-50: #ffece4;
--color-biltong-100: #ffddd4;
--color-biltong-200: #fac6bb;
--color-biltong-300: #e3a699;
--color-biltong-400: #d0897d;
--color-biltong-500: #bc6d60;
--color-biltong-600: #9f5d51;
--color-biltong-700: #804a41;
--color-biltong-800: #5f3530;
--color-biltong-900: #432420;
--color-biltong-950: #2b1310;
}SCSS
$biltong: #410200;
$biltong-rgb: 65, 2, 0;
$biltong-light: mix(#fff, $biltong, 20%);
$biltong-dark: mix(#000, $biltong, 20%);
.element {
color: $biltong;
box-shadow: 0 0 0 2px rgba($biltong, 0.35);
}