Nazwany kolor · #651A14
Cherrywood
Cherrywood to #651A14: rgb(101 26 20), hsl(4 67% 24%), oklch(0.342 0.108 28.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Cherrywood color name →
#651A14
oklch(0.342 0.108 28.7)
Konwersje koloru
- HEX
- #651a14
- RGB
- rgb(101 26 20)
- HSL
- hsl(4 67% 24%)
- HWB
- hwb(4 8% 60%)
- OKLCH
- oklch(0.342 0.108 28.7)
- OKLab
- oklab(0.342 0.095 0.052)
- CIE Lab
- lab(22.58 33.73 24.21)
- LCH
- lch(22.58 41.52 35.7)
- CMYK
- cmyk(0% 74% 80% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 76312A
- 86473F
- 965D55
- A5736C
- B58983
- C4A09A
- D3B7B3
- E2CFCC
- F0E7E5
Odcienie ciemniejsze
- 571510
- 49100C
- 3C0C08
- 2F0705
- 220403
- 170201
- 0C0101
- 030000
- 000000
Tony
- 69261F
- 6D312A
- 713C35
- 74463F
- 774F4A
- 795954
- 7B635F
- 7D6D6A
- 7F7675
Harmonie kolorów
Komplementarna +180°
- 651A14
Cherrywood
- 004048
≈ Warm Black
Analogowa -30° +30°
- 651A14
Cherrywood
- 611837
≈ Brown Chocolate
- 562C00
≈ Kyoto House
Triada +120° +240°
- 651A14
Cherrywood
- 004519
≈ Wailing Woods
- 213270
≈ Atlantic Navy
Komplementarna rozszczepiona +150° +210°
- 651A14
Cherrywood
- 004339
≈ UP Forest Green
- 003D5B
≈ Poseidon
Tetrada +90° +180° +270°
- 651A14
Cherrywood
- 343E00
≈ Dark Olive
- 004048
≈ Warm Black
- 412868
≈ Fading Horizon
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.27:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.71:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.27:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--cherrywood: #651a14;
--cherrywood-rgb: 101 26 20;
--cherrywood-oklch: oklch(0.342 0.108 28.7);
}
.element {
color: var(--cherrywood);
background-color: hsl(4 67% 24%);
border-color: oklch(0.342 0.108 28.7);
}Tailwind CSS v4
@theme {
--color-cherrywood: #651a14;
--color-cherrywood-50: #ffeae3;
--color-cherrywood-100: #ffdbd2;
--color-cherrywood-200: #ffc4b9;
--color-cherrywood-300: #eaa396;
--color-cherrywood-400: #d7857a;
--color-cherrywood-500: #c4685c;
--color-cherrywood-600: #a5584e;
--color-cherrywood-700: #85463e;
--color-cherrywood-800: #63322e;
--color-cherrywood-900: #45221f;
--color-cherrywood-950: #2d110f;
}SCSS
$cherrywood: #651a14;
$cherrywood-rgb: 101, 26, 20;
$cherrywood-light: mix(#fff, $cherrywood, 20%);
$cherrywood-dark: mix(#000, $cherrywood, 20%);
.element {
color: $cherrywood;
box-shadow: 0 0 0 2px rgba($cherrywood, 0.35);
}