Nazwany kolor · #875942
Hope Chest
Hope Chest to #875942: rgb(135 89 66), hsl(20 34% 39%), oklch(0.509 0.07 47.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Hope Chest color name →
#875942
oklch(0.509 0.07 47.2)
Konwersje koloru
- HEX
- #875942
- RGB
- rgb(135 89 66)
- HSL
- hsl(20 34% 39%)
- HWB
- hwb(20 26% 47%)
- OKLCH
- oklch(0.509 0.07 47.2)
- OKLab
- oklab(0.509 0.048 0.052)
- CIE Lab
- lab(42.59 17.52 21.43)
- LCH
- lch(42.59 27.68 50.7)
- CMYK
- cmyk(0% 34% 51% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 936954
- 9F7865
- AB8877
- B7998A
- C3A99D
- CFBAB0
- DBCBC3
- E7DCD7
- F3EDEB
Odcienie ciemniejsze
- 754C38
- 63402F
- 513425
- 41281C
- 311D14
- 21130B
- 130905
- 060301
- 010000
Tony
- 875D48
- 86614F
- 866555
- 85695B
- 856D61
- 847168
- 83756E
- 827874
- 817C7A
Harmonie kolorów
Komplementarna +180°
- 875942
Hope Chest
- 346E85
≈ Tlāloc Blue
Analogowa -30° +30°
- 875942
Hope Chest
- 895557
≈ Conifer Cone
- 7C6035
≈ Autumn Gold
Triada +120° +240°
- 875942
Hope Chest
- 39735D
≈ Nordic Forest
- 635F8C
≈ Majestic Purple
Komplementarna rozszczepiona +150° +210°
- 875942
Hope Chest
- 2A7274
≈ Whaling Waters
- 4C678E
≈ Snake River
Tetrada +90° +180° +270°
- 875942
Hope Chest
- 526F47
≈ Asparagus Sprig
- 346E85
≈ Tlāloc Blue
- 765980
≈ Dr Who
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.93:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.53:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--hope-chest: #875942;
--hope-chest-rgb: 135 89 66;
--hope-chest-oklch: oklch(0.509 0.07 47.2);
}
.element {
color: var(--hope-chest);
background-color: hsl(20 34% 39%);
border-color: oklch(0.509 0.07 47.2);
}Tailwind CSS v4
@theme {
--color-hope-chest: #875942;
--color-hope-chest-50: #fff0e4;
--color-hope-chest-100: #fde2d4;
--color-hope-chest-200: #eeccba;
--color-hope-chest-300: #d6ad98;
--color-hope-chest-400: #c2927b;
--color-hope-chest-500: #ad785d;
--color-hope-chest-600: #92664f;
--color-hope-chest-700: #75513f;
--color-hope-chest-800: #573b2e;
--color-hope-chest-900: #3d281f;
--color-hope-chest-950: #26160f;
}SCSS
$hope-chest: #875942;
$hope-chest-rgb: 135, 89, 66;
$hope-chest-light: mix(#fff, $hope-chest, 20%);
$hope-chest-dark: mix(#000, $hope-chest, 20%);
.element {
color: $hope-chest;
box-shadow: 0 0 0 2px rgba($hope-chest, 0.35);
}