Nazwany kolor · #815B28
Hot Curry
Hot Curry to #815B28: rgb(129 91 40), hsl(34 53% 33%), oklch(0.501 0.084 71.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Hot Curry color name →
#815B28
oklch(0.501 0.084 71.7)
Konwersje koloru
- HEX
- #815b28
- RGB
- rgb(129 91 40)
- HSL
- hsl(34 53% 33%)
- HWB
- hwb(34 16% 49%)
- OKLCH
- oklch(0.501 0.084 71.7)
- OKLab
- oklab(0.501 0.026 0.079)
- CIE Lab
- lab(42.02 12.11 35)
- LCH
- lch(42.02 37.04 70.9)
- CMYK
- cmyk(0% 29% 69% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8D6A3E
- 9A7A53
- A68A68
- B39A7D
- BFAA92
- CCBBA7
- D8CCBD
- E5DDD2
- F2EEE9
Odcienie ciemniejsze
- 6F4E21
- 5E411B
- 4E3515
- 3E290F
- 2E1E09
- 1F1304
- 120902
- 060301
- 010000
Tony
- 815F33
- 81633D
- 816746
- 816A4E
- 816E57
- 81725F
- 817568
- 817970
- 807C78
Harmonie kolorów
Komplementarna +180°
- 815B28
Hot Curry
- 3E6692
≈ Too Blue
Analogowa -30° +30°
- 815B28
Hot Curry
- 8C533D
≈ Annatto
- 6D6526
≈ Spicy Mustard
Triada +120° +240°
- 815B28
Hot Curry
- 0B7270
≈ Reef
- 735586
≈ Gutsy Grape
Komplementarna rozszczepiona +150° +210°
- 815B28
Hot Curry
- 1B6E85
≈ Billabong
- 5C5D92
≈ Colossus
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 {
--hot-curry: #815b28;
--hot-curry-rgb: 129 91 40;
--hot-curry-oklch: oklch(0.501 0.084 71.7);
}
.element {
color: var(--hot-curry);
background-color: hsl(34 53% 33%);
border-color: oklch(0.501 0.084 71.7);
}Tailwind CSS v4
@theme {
--color-hot-curry: #815b28;
--color-hot-curry-50: #fff2dc;
--color-hot-curry-100: #f9e4ca;
--color-hot-curry-200: #ead0ad;
--color-hot-curry-300: #d2b188;
--color-hot-curry-400: #be9767;
--color-hot-curry-500: #a97d44;
--color-hot-curry-600: #8e6a3a;
--color-hot-curry-700: #72542e;
--color-hot-curry-800: #553d21;
--color-hot-curry-900: #3b2a15;
--color-hot-curry-950: #251707;
}SCSS
$hot-curry: #815b28;
$hot-curry-rgb: 129, 91, 40;
$hot-curry-light: mix(#fff, $hot-curry, 20%);
$hot-curry-dark: mix(#000, $hot-curry, 20%);
.element {
color: $hot-curry;
box-shadow: 0 0 0 2px rgba($hot-curry, 0.35);
}