Nazwany kolor · #9D7938
Sneezy
Sneezy to #9D7938: rgb(157 121 56), hsl(39 47% 42%), oklch(0.598 0.094 80). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sneezy color name →
#9D7938
oklch(0.598 0.094 80)
Konwersje koloru
- HEX
- #9d7938
- RGB
- rgb(157 121 56)
- HSL
- hsl(39 47% 42%)
- HWB
- hwb(39 22% 38%)
- OKLCH
- oklch(0.598 0.094 80)
- OKLab
- oklab(0.598 0.016 0.093)
- CIE Lab
- lab(53.44 9.12 40.39)
- LCH
- lch(53.44 41.4 77.3)
- CMYK
- cmyk(0% 23% 64% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7864D
- B09361
- BAA075
- C4AD88
- CEBB9C
- D7C8AF
- E1D6C3
- EBE3D7
- F5F1EB
Odcienie ciemniejsze
- 88682F
- 735827
- 5F481F
- 4C3917
- 3A2B0F
- 281D08
- 181004
- 090501
- 010100
Tony
- 9A7A41
- 977B4A
- 957C52
- 927C59
- 8F7D60
- 8C7E67
- 897F6D
- 867F74
- 83807A
Harmonie kolorów
Komplementarna +180°
- 9D7938
Sneezy
- 5E80B8
≈ Granada Sky
Analogowa -30° +30°
- 9D7938
Sneezy
- AD6E4B
≈ Smouldering Copper
- 83843D
≈ Majorca Green
Triada +120° +240°
- 9D7938
Sneezy
- 219096
≈ Splashy
- 996DA3
≈ Dark Lilac
Komplementarna rozszczepiona +150° +210°
- 9D7938
Sneezy
- 398AAD
≈ Magic Blue
- 7F76B4
≈ Dahlia Purple
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.01:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.22:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--sneezy: #9d7938;
--sneezy-rgb: 157 121 56;
--sneezy-oklch: oklch(0.598 0.094 80);
}
.element {
color: var(--sneezy);
background-color: hsl(39 47% 42%);
border-color: oklch(0.598 0.094 80);
}Tailwind CSS v4
@theme {
--color-sneezy: #9d7938;
--color-sneezy-50: #fff3d7;
--color-sneezy-100: #f8e6c5;
--color-sneezy-200: #e9d1a7;
--color-sneezy-300: #d0b380;
--color-sneezy-400: #bc985c;
--color-sneezy-500: #a77f35;
--color-sneezy-600: #8d6b2e;
--color-sneezy-700: #715624;
--color-sneezy-800: #543e19;
--color-sneezy-900: #3b2b10;
--color-sneezy-950: #251803;
}SCSS
$sneezy: #9d7938;
$sneezy-rgb: 157, 121, 56;
$sneezy-light: mix(#fff, $sneezy, 20%);
$sneezy-dark: mix(#000, $sneezy, 20%);
.element {
color: $sneezy;
box-shadow: 0 0 0 2px rgba($sneezy, 0.35);
}