Nazwany kolor · #9C8168
Universal Umber
Universal Umber to #9C8168: rgb(156 129 104), hsl(29 21% 51%), oklch(0.622 0.049 64.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Universal Umber color name →
#9C8168
oklch(0.622 0.049 64.5)
Konwersje koloru
- HEX
- #9c8168
- RGB
- rgb(156 129 104)
- HSL
- hsl(29 21% 51%)
- HWB
- hwb(29 41% 39%)
- OKLCH
- oklch(0.622 0.049 64.5)
- OKLab
- oklab(0.622 0.021 0.044)
- CIE Lab
- lab(56.06 7.93 17.68)
- LCH
- lch(56.06 19.38 65.9)
- CMYK
- cmyk(0% 17% 33% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A68D76
- AF9985
- B9A593
- C3B2A2
- CDBEB1
- D7CBC0
- E1D8D0
- EBE5DF
- F5F2EF
Odcienie ciemniejsze
- 876F59
- 735E4B
- 5F4E3E
- 4C3E30
- 392E24
- 281F18
- 18120C
- 090604
- 010100
Tony
- 99816B
- 97816D
- 948170
- 918172
- 8E8174
- 8B8177
- 898079
- 86807B
- 83807E
Harmonie kolorów
Komplementarna +180°
- 9C8168
Universal Umber
- 6E8AA3
≈ Stormy Strait Grey
Analogowa -30° +30°
- 9C8168
Universal Umber
- A27D73
≈ Burnished Brown
- 908765
≈ Sheraton Sage
Triada +120° +240°
- 9C8168
Universal Umber
- 65918A
≈ Oil Blue
- 8D809F
≈ Wildflower
Komplementarna rozszczepiona +150° +210°
- 9C8168
Universal Umber
- 648F99
≈ Oarsman Blue
- 7D85A5
≈ Velvet Curtain
Tetrada +90° +180° +270°
- 9C8168
Universal Umber
- 70907A
≈ Cool Bluegrass
- 6E8AA3
≈ Stormy Strait Grey
- 9A7C93
≈ Amorous
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.64:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.75:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--universal-umber: #9c8168;
--universal-umber-rgb: 156 129 104;
--universal-umber-oklch: oklch(0.622 0.049 64.5);
}
.element {
color: var(--universal-umber);
background-color: hsl(29 21% 51%);
border-color: oklch(0.622 0.049 64.5);
}Tailwind CSS v4
@theme {
--color-universal-umber: #9c8168;
--color-universal-umber-50: #fff3e7;
--color-universal-umber-100: #f4e5d7;
--color-universal-umber-200: #e3d1bf;
--color-universal-umber-300: #c9b39d;
--color-universal-umber-400: #b39981;
--color-universal-umber-500: #9d8064;
--color-universal-umber-600: #856c55;
--color-universal-umber-700: #6b5644;
--color-universal-umber-800: #4f3f31;
--color-universal-umber-900: #372b21;
--color-universal-umber-950: #221911;
}SCSS
$universal-umber: #9c8168;
$universal-umber-rgb: 156, 129, 104;
$universal-umber-light: mix(#fff, $universal-umber, 20%);
$universal-umber-dark: mix(#000, $universal-umber, 20%);
.element {
color: $universal-umber;
box-shadow: 0 0 0 2px rgba($universal-umber, 0.35);
}