Najbliższy nazwany kolor · #B17073
#B17073
Najbliższy nazwany kolor: Nipple
#B17073 (rgb(177 112 115), hsl(357 29% 57%), oklch(0.615 0.083 16.8)) jest najbliższy nazwanemu kolorowi Nipple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B17073
oklch(0.615 0.083 16.8)
Konwersje koloru
- HEX
- #b17073
- RGB
- rgb(177 112 115)
- HSL
- hsl(357 29% 57%)
- HWB
- hwb(357 44% 31%)
- OKLCH
- oklch(0.615 0.083 16.8)
- OKLab
- oklab(0.615 0.079 0.024)
- CIE Lab
- lab(54.49 26.74 9.69)
- LCH
- lch(54.49 28.44 19.9)
- CMYK
- cmyk(0% 37% 35% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B97E80
- C28C8D
- CA9A9B
- D2A8A9
- DAB6B7
- E1C4C5
- E9D3D3
- F1E1E2
- F8F0F0
Odcienie ciemniejsze
- 996063
- 835154
- 6C4345
- 573536
- 422728
- 2F1A1B
- 1C0E0F
- 0C0405
- 010101
Tony
- AD7274
- A87476
- A37677
- 9F7778
- 9A797A
- 957A7B
- 907C7C
- 8B7D7D
- 857F7F
Harmonie kolorów
Komplementarna +180°
- B17073
Nipple
- 3D9496
≈ Catalan
Analogowa -30° +30°
- B17073
Nipple
- AA708F
≈ Mauve Orchid
- AE7559
≈ Decorous Amber
Triada +120° +240°
- B17073
Nipple
- 6D915F
≈ Wakatake Green
- 6487B6
≈ Perfect Periwinkle
Komplementarna rozszczepiona +150° +210°
- B17073
Nipple
- 4F957A
≈ Good Luck
- 488FAB
≈ Sora Sky
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.86:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.43:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--nipple: #b17073;
--nipple-rgb: 177 112 115;
--nipple-oklch: oklch(0.615 0.083 16.8);
}
.element {
color: var(--nipple);
background-color: hsl(357 29% 57%);
border-color: oklch(0.615 0.083 16.8);
}Tailwind CSS v4
@theme {
--color-nipple: #b17073;
--color-nipple-50: #ffecec;
--color-nipple-100: #ffdedd;
--color-nipple-200: #f6c7c6;
--color-nipple-300: #dfa7a7;
--color-nipple-400: #cb8b8d;
--color-nipple-500: #b66f73;
--color-nipple-600: #9a5e61;
--color-nipple-700: #7c4b4e;
--color-nipple-800: #5c3639;
--color-nipple-900: #402527;
--color-nipple-950: #291315;
}SCSS
$nipple: #b17073;
$nipple-rgb: 177, 112, 115;
$nipple-light: mix(#fff, $nipple, 20%);
$nipple-dark: mix(#000, $nipple, 20%);
.element {
color: $nipple;
box-shadow: 0 0 0 2px rgba($nipple, 0.35);
}