Dichtstbijzijnde benoemde kleur · #B37476
#B37476
Dichtstbijzijnde benoemde kleur: Nipple
#B37476 (rgb(179 116 118), hsl(358 29% 58%), oklch(0.626 0.08 17.5)) komt het dichtst bij de benoemde kleur Nipple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B37476
oklch(0.626 0.08 17.5)
Kleurconversies
- HEX
- #b37476
- RGB
- rgb(179 116 118)
- HSL
- hsl(358 29% 58%)
- HWB
- hwb(358 45% 30%)
- OKLCH
- oklch(0.626 0.08 17.5)
- OKLab
- oklab(0.626 0.076 0.024)
- CIE Lab
- lab(55.73 25.7 9.73)
- LCH
- lch(55.73 27.48 20.7)
- CMYK
- cmyk(0% 35% 34% 30%)
Tinten · Schaduwen · Tonen
Tinten
- BB8183
- C38F90
- CB9D9D
- D3AAAB
- DBB8B8
- E2C6C6
- EAD4D4
- F1E2E2
- F8F1F1
Schaduwen
- 9B6466
- 845456
- 6E4547
- 583738
- 432929
- 2F1B1C
- 1D0F0F
- 0C0505
- 010101
Tonen
- AE7577
- AA7778
- A57879
- A07A7A
- 9B7B7B
- 967C7C
- 907D7D
- 8B7E7E
- 867F7F
Kleurharmonieën
Complementair +180°
- B37476
Nipple
- 449799
≈ Aquatic Green
Analoog -30° +30°
- B37476
Nipple
- AC7491
≈ Cipher
- B0795D
≈ Tobey Rattan
Triadisch +120° +240°
- B37476
Nipple
- 709364
≈ Wakatake Green
- 6989B8
≈ Kimono
Gesplitst complementair +150° +210°
- B37476
Nipple
- 54977E
≈ Crisp Lettuce
- 4F92AE
≈ Jet Ski
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.69:1 · APCA Lc 64
Ag
AAOp zwart
WCAG 5.67:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--nipple: #b37476;
--nipple-rgb: 179 116 118;
--nipple-oklch: oklch(0.626 0.08 17.5);
}
.element {
color: var(--nipple);
background-color: hsl(358 29% 58%);
border-color: oklch(0.626 0.08 17.5);
}Tailwind CSS v4
@theme {
--color-nipple: #b37476;
--color-nipple-50: #ffedec;
--color-nipple-100: #ffdedd;
--color-nipple-200: #f5c7c6;
--color-nipple-300: #dea8a7;
--color-nipple-400: #c98b8d;
--color-nipple-500: #b57073;
--color-nipple-600: #995f61;
--color-nipple-700: #7b4c4d;
--color-nipple-800: #5b3739;
--color-nipple-900: #402527;
--color-nipple-950: #281415;
}SCSS
$nipple: #b37476;
$nipple-rgb: 179, 116, 118;
$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);
}