Nazwany kolor · #C39E6D
Hazed Nuts
Hazed Nuts to #C39E6D: rgb(195 158 109), hsl(34 42% 60%), oklch(0.722 0.079 73.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Hazed Nuts color name →
#C39E6D
oklch(0.722 0.079 73.8)
Konwersje koloru
- HEX
- #c39e6d
- RGB
- rgb(195 158 109)
- HSL
- hsl(34 42% 60%)
- HWB
- hwb(34 43% 24%)
- OKLCH
- oklch(0.722 0.079 73.8)
- OKLab
- oklab(0.722 0.022 0.076)
- CIE Lab
- lab(67.71 9.43 31.03)
- LCH
- lch(67.71 32.43 73.1)
- CMYK
- cmyk(0% 19% 44% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9A87C
- CFB18A
- D5BB99
- DBC4A7
- E1CEB6
- E7D8C4
- EDE1D3
- F3EBE1
- F9F5F0
Odcienie ciemniejsze
- A9895E
- 90744F
- 786041
- 604D33
- 4A3A26
- 342919
- 20180D
- 0E0904
- 020101
Tony
- BC9B70
- B59872
- AF9574
- A89276
- A18F78
- 9B8C7A
- 94897C
- 8D867D
- 87837F
Harmonie kolorów
Komplementarna +180°
- C39E6D
Hazed Nuts
- 83A8D6
≈ Swift
Analogowa -30° +30°
- C39E6D
Hazed Nuts
- D0967D
≈ Tint of Earth
- ADA86D
≈ Natchez Moss
Triada +120° +240°
- C39E6D
Hazed Nuts
- 65B5B3
≈ Veranda Blue
- B797C8
≈ Atlantic Tulip
Komplementarna rozszczepiona +150° +210°
- C39E6D
Hazed Nuts
- 6CB0CA
≈ Delicate Girl Blue
- 9E9FD5
≈ Wistful
Tetrada +90° +180° +270°
- C39E6D
Hazed Nuts
- 75B598
≈ Padua
- 83A8D6
≈ Swift
- C992B1
≈ Bossy-Pants Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.49:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.43:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--hazed-nuts: #c39e6d;
--hazed-nuts-rgb: 195 158 109;
--hazed-nuts-oklch: oklch(0.722 0.079 73.8);
}
.element {
color: var(--hazed-nuts);
background-color: hsl(34 42% 60%);
border-color: oklch(0.722 0.079 73.8);
}Tailwind CSS v4
@theme {
--color-hazed-nuts: #c39e6d;
--color-hazed-nuts-50: #fff3dd;
--color-hazed-nuts-100: #f7e5cb;
--color-hazed-nuts-200: #e8d0b0;
--color-hazed-nuts-300: #cfb28b;
--color-hazed-nuts-400: #bb986a;
--color-hazed-nuts-500: #a57e48;
--color-hazed-nuts-600: #8c6b3e;
--color-hazed-nuts-700: #705531;
--color-hazed-nuts-800: #533e22;
--color-hazed-nuts-900: #3a2b17;
--color-hazed-nuts-950: #241808;
}SCSS
$hazed-nuts: #c39e6d;
$hazed-nuts-rgb: 195, 158, 109;
$hazed-nuts-light: mix(#fff, $hazed-nuts, 20%);
$hazed-nuts-dark: mix(#000, $hazed-nuts, 20%);
.element {
color: $hazed-nuts;
box-shadow: 0 0 0 2px rgba($hazed-nuts, 0.35);
}