Nazwany kolor · #883322
Kofta Brown
Kofta Brown to #883322: rgb(136 51 34), hsl(10 60% 33%), oklch(0.439 0.12 33.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Kofta Brown color name →
#883322
oklch(0.439 0.12 33.1)
Konwersje koloru
- HEX
- #883322
- RGB
- rgb(136 51 34)
- HSL
- hsl(10 60% 33%)
- HWB
- hwb(10 13% 47%)
- OKLCH
- oklch(0.439 0.12 33.1)
- OKLab
- oklab(0.439 0.101 0.066)
- CIE Lab
- lab(33.87 36.3 30.04)
- LCH
- lch(33.87 47.12 39.6)
- CMYK
- cmyk(0% 63% 75% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 954838
- A25C4C
- AF6F61
- BB8377
- C7978C
- D3ACA2
- DEC0B9
- E9D5D0
- F4EAE7
Odcienie ciemniejsze
- 752B1C
- 632316
- 521C11
- 41140B
- 310D07
- 220703
- 130301
- 060100
- 010000
Tony
- 893C2D
- 894536
- 894D40
- 885549
- 885C52
- 87645B
- 866B65
- 84726E
- 827977
Harmonie kolorów
Komplementarna +180°
- 883322
Kofta Brown
- 005D6C
≈ Hero
Analogowa -30° +30°
- 883322
Kofta Brown
- 852F4C
≈ Anemone
- 784400
≈ Dusky Brown
Triada +120° +240°
- 883322
Kofta Brown
- 006333
≈ Ficus Elastica
- 3E4A94
≈ Merlin’s Robe
Komplementarna rozszczepiona +150° +210°
- 883322
Kofta Brown
- 006056
≈ Empress Teal
- 005788
≈ Dark Denim
Tetrada +90° +180° +270°
- 883322
Kofta Brown
- 475B00
≈ Lustrian Undergrowth
- 005D6C
≈ Hero
- 603E88
≈ Daisy Bush
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.25:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.54:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--kofta-brown: #883322;
--kofta-brown-rgb: 136 51 34;
--kofta-brown-oklch: oklch(0.439 0.12 33.1);
}
.element {
color: var(--kofta-brown);
background-color: hsl(10 60% 33%);
border-color: oklch(0.439 0.12 33.1);
}Tailwind CSS v4
@theme {
--color-kofta-brown: #883322;
--color-kofta-brown-50: #ffeade;
--color-kofta-brown-100: #ffdacd;
--color-kofta-brown-200: #ffc3b2;
--color-kofta-brown-300: #eea18d;
--color-kofta-brown-400: #dc836f;
--color-kofta-brown-500: #c96550;
--color-kofta-brown-600: #aa5644;
--color-kofta-brown-700: #884436;
--color-kofta-brown-800: #663128;
--color-kofta-brown-900: #47211a;
--color-kofta-brown-950: #2e100b;
}SCSS
$kofta-brown: #883322;
$kofta-brown-rgb: 136, 51, 34;
$kofta-brown-light: mix(#fff, $kofta-brown, 20%);
$kofta-brown-dark: mix(#000, $kofta-brown, 20%);
.element {
color: $kofta-brown;
box-shadow: 0 0 0 2px rgba($kofta-brown, 0.35);
}