Najbliższy nazwany kolor · #B0907E
#B0907E
Najbliższy nazwany kolor: Nougat
#B0907E (rgb(176 144 126), hsl(22 24% 59%), oklch(0.678 0.047 51)) jest najbliższy nazwanemu kolorowi Nougat. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B0907E
oklch(0.678 0.047 51)
Konwersje koloru
- HEX
- #b0907e
- RGB
- rgb(176 144 126)
- HSL
- hsl(22 24% 59%)
- HWB
- hwb(22 49% 31%)
- OKLCH
- oklch(0.678 0.047 51)
- OKLab
- oklab(0.678 0.029 0.036)
- CIE Lab
- lab(62.44 10.43 14.37)
- LCH
- lch(62.44 17.76 54)
- CMYK
- cmyk(0% 18% 28% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B89B8A
- C0A597
- C8B0A3
- D0BBB0
- D7C6BD
- DFD1CA
- E7DDD7
- EFE8E4
- F7F3F2
Odcienie ciemniejsze
- 997D6D
- 826A5C
- 6C574C
- 56453C
- 42342D
- 2E241F
- 1C1511
- 0B0705
- 010101
Tony
- AB8E7E
- A68D7F
- A28B7F
- 9D8A7F
- 98887F
- 938780
- 8E8580
- 8A8380
- 858280
Harmonie kolorów
Komplementarna +180°
- B0907E
Nougat
- 7B9DB0
≈ Blue Cascade
Analogowa -30° +30°
- B0907E
Nougat
- B38D8B
≈ Brandy Snaps
- A79577
≈ San Antonio Sage
Triada +120° +240°
- B0907E
Nougat
- 7BA194
≈ Mountain Outlook
- 9793B3
≈ Indifferent
Komplementarna rozszczepiona +150° +210°
- B0907E
Nougat
- 76A1A3
≈ Tower Bridge
- 8898B5
≈ Blueberry Buckle
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.94:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.13:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--nougat: #b0907e;
--nougat-rgb: 176 144 126;
--nougat-oklch: oklch(0.678 0.047 51);
}
.element {
color: var(--nougat);
background-color: hsl(22 24% 59%);
border-color: oklch(0.678 0.047 51);
}Tailwind CSS v4
@theme {
--color-nougat: #b0907e;
--color-nougat-50: #fff2e9;
--color-nougat-100: #f5e4da;
--color-nougat-200: #e5cfc2;
--color-nougat-300: #cbb1a2;
--color-nougat-400: #b69786;
--color-nougat-500: #a07e6a;
--color-nougat-600: #876b5a;
--color-nougat-700: #6c5548;
--color-nougat-800: #503e34;
--color-nougat-900: #382a24;
--color-nougat-950: #221812;
}SCSS
$nougat: #b0907e;
$nougat-rgb: 176, 144, 126;
$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);
}