Nazwany kolor · #964E02
Warm Brown
Warm Brown to #964E02: rgb(150 78 2), hsl(31 97% 30%), oklch(0.502 0.121 56.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Warm Brown color name →
#964E02
oklch(0.502 0.121 56.6)
Konwersje koloru
- HEX
- #964e02
- RGB
- rgb(150 78 2)
- HSL
- hsl(31 97% 30%)
- HWB
- hwb(31 1% 41%)
- OKLCH
- oklch(0.502 0.121 56.6)
- OKLab
- oklab(0.502 0.067 0.101)
- CIE Lab
- lab(41.61 27.8 50.41)
- LCH
- lch(41.61 57.57 61.1)
- CMYK
- cmyk(0% 48% 99% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A15F2A
- AD7144
- B7825B
- C29472
- CDA589
- D7B7A0
- E1C9B8
- EBDBCF
- F5EDE7
Odcienie ciemniejsze
- 824301
- 6E3801
- 5B2D01
- 492300
- 371900
- 260F00
- 160700
- 080200
- 010000
Tony
- 95541C
- 93592C
- 915F39
- 906444
- 8D694F
- 8B6E59
- 897263
- 86776D
- 837C76
Harmonie kolorów
Komplementarna +180°
- 964E02
Warm Brown
- 006C99
≈ Disarm
Analogowa -30° +30°
- 964E02
Warm Brown
- 9D443D
≈ Chilli Oil
- 7D5F00
≈ Ground Earth
Triada +120° +240°
- 964E02
Warm Brown
- 007562
≈ Tropical Rainforest
- 6B53A0
≈ Sumire Violet
Komplementarna rozszczepiona +150° +210°
- 964E02
Warm Brown
- 00717C
≈ Iridescent Peacock
- 445FA9
≈ Kakitsubata Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.19:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.38:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--warm-brown: #964e02;
--warm-brown-rgb: 150 78 2;
--warm-brown-oklch: oklch(0.502 0.121 56.6);
}
.element {
color: var(--warm-brown);
background-color: hsl(31 97% 30%);
border-color: oklch(0.502 0.121 56.6);
}Tailwind CSS v4
@theme {
--color-warm-brown: #964e02;
--color-warm-brown-50: #ffeed4;
--color-warm-brown-100: #ffdfc1;
--color-warm-brown-200: #fcc8a1;
--color-warm-brown-300: #e6a878;
--color-warm-brown-400: #d48b53;
--color-warm-brown-500: #c16e26;
--color-warm-brown-600: #a35e23;
--color-warm-brown-700: #834b1c;
--color-warm-brown-800: #623513;
--color-warm-brown-900: #45240c;
--color-warm-brown-950: #2c1301;
}SCSS
$warm-brown: #964e02;
$warm-brown-rgb: 150, 78, 2;
$warm-brown-light: mix(#fff, $warm-brown, 20%);
$warm-brown-dark: mix(#000, $warm-brown, 20%);
.element {
color: $warm-brown;
box-shadow: 0 0 0 2px rgba($warm-brown, 0.35);
}