Najbliższy nazwany kolor · #B59481
#B59481
Najbliższy nazwany kolor: Nougat
#B59481 (rgb(181 148 129), hsl(22 26% 61%), oklch(0.692 0.048 51.6)) jest najbliższy nazwanemu kolorowi Nougat. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B59481
oklch(0.692 0.048 51.6)
Konwersje koloru
- HEX
- #b59481
- RGB
- rgb(181 148 129)
- HSL
- hsl(22 26% 61%)
- HWB
- hwb(22 51% 29%)
- OKLCH
- oklch(0.692 0.048 51.6)
- OKLab
- oklab(0.692 0.03 0.038)
- CIE Lab
- lab(64.03 10.66 14.98)
- LCH
- lch(64.03 18.39 54.6)
- CMYK
- cmyk(0% 18% 29% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BC9E8D
- C4A999
- CBB3A6
- D3BEB2
- DAC8BE
- E1D3CB
- E9DED8
- F0E9E5
- F8F4F2
Odcienie ciemniejsze
- 9D806F
- 866D5E
- 6F5A4E
- 59483E
- 44362E
- 30261F
- 1D1612
- 0C0806
- 020101
Tony
- B09281
- AA9081
- A58E81
- A08C81
- 9B8A81
- 958881
- 908681
- 8B8480
- 858280
Harmonie kolorów
Komplementarna +180°
- B59481
Nougat
- 7EA2B5
≈ Lake Winnipeg
Analogowa -30° +30°
- B59481
Nougat
- B8918F
≈ Cherry Taupe
- AB997A
≈ Exploring Khaki
Triada +120° +240°
- B59481
Nougat
- 7EA698
≈ Verdigreen
- 9C97B8
≈ Heirloom Lilac
Komplementarna rozszczepiona +150° +210°
- B59481
Nougat
- 79A5A8
≈ Spartacus
- 8C9DBA
≈ Astro Bound
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.51:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--nougat: #b59481;
--nougat-rgb: 181 148 129;
--nougat-oklch: oklch(0.692 0.048 51.6);
}
.element {
color: var(--nougat);
background-color: hsl(22 26% 61%);
border-color: oklch(0.692 0.048 51.6);
}Tailwind CSS v4
@theme {
--color-nougat: #b59481;
--color-nougat-50: #fff2e9;
--color-nougat-100: #f6e4d9;
--color-nougat-200: #e6cfc2;
--color-nougat-300: #ccb1a1;
--color-nougat-400: #b69785;
--color-nougat-500: #a17e69;
--color-nougat-600: #886a59;
--color-nougat-700: #6d5547;
--color-nougat-800: #503e34;
--color-nougat-900: #382a23;
--color-nougat-950: #231812;
}SCSS
$nougat: #b59481;
$nougat-rgb: 181, 148, 129;
$nougat-light: mix(#fff, $nougat, 20%);
$nougat-dark: mix(#000, $nougat, 20%);
.element {
color: $nougat;
box-shadow: 0 0 0 2px rgba($nougat, 0.35);
}