Dichtstbijzijnde benoemde kleur · #B29583
#B29583
Dichtstbijzijnde benoemde kleur: Cocoloco
#B29583 (rgb(178 149 131), hsl(23 23% 61%), oklch(0.691 0.043 53.6)) komt het dichtst bij de benoemde kleur Cocoloco. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B29583
oklch(0.691 0.043 53.6)
Kleurconversies
- HEX
- #b29583
- RGB
- rgb(178 149 131)
- HSL
- hsl(23 23% 61%)
- HWB
- hwb(23 51% 30%)
- OKLCH
- oklch(0.691 0.043 53.6)
- OKLab
- oklab(0.691 0.026 0.035)
- CIE Lab
- lab(64.02 9.13 13.8)
- LCH
- lch(64.02 16.55 56.5)
- CMYK
- cmyk(0% 16% 26% 30%)
Tinten · Schaduwen · Tonen
Tinten
- BA9F8F
- C1A99B
- C9B4A7
- D1BEB3
- D8C9BF
- E0D4CC
- E8DED9
- EFE9E5
- F7F4F2
Schaduwen
- 9A8171
- 836D60
- 6D5A4F
- 57483F
- 43372F
- 2F2620
- 1D1612
- 0C0806
- 010101
Tonen
- AD9383
- A89183
- A38F82
- 9E8D82
- 998B82
- 948881
- 8F8681
- 8A8481
- 858280
Kleurharmonieën
Complementair +180°
- B29583
Cocoloco
- 82A1B3
≈ Lake Okoboji
Analoog -30° +30°
- B29583
Cocoloco
- B5928F
≈ Cherry Taupe
- A99A7E
≈ Mohalla
Triadisch +120° +240°
- B29583
Cocoloco
- 81A599
≈ Verdigreen
- 9D97B5
≈ Heirloom Lilac
Gesplitst complementair +150° +210°
- B29583
Cocoloco
- 7CA4A8
≈ Spartacus
- 8E9CB7
≈ Periwinkle Dusk
Tetradisch +90° +180° +270°
- B29583
Cocoloco
- 8CA38B
≈ Envy
- 82A1B3
≈ Lake Okoboji
- AA93AB
≈ Garden Flower
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.51:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--cocoloco: #b29583;
--cocoloco-rgb: 178 149 131;
--cocoloco-oklch: oklch(0.691 0.043 53.6);
}
.element {
color: var(--cocoloco);
background-color: hsl(23 23% 61%);
border-color: oklch(0.691 0.043 53.6);
}Tailwind CSS v4
@theme {
--color-cocoloco: #b29583;
--color-cocoloco-50: #fff2ea;
--color-cocoloco-100: #f4e5da;
--color-cocoloco-200: #e4d0c3;
--color-cocoloco-300: #cab2a3;
--color-cocoloco-400: #b49887;
--color-cocoloco-500: #9e7f6b;
--color-cocoloco-600: #856b5b;
--color-cocoloco-700: #6b5649;
--color-cocoloco-800: #4f3e35;
--color-cocoloco-900: #372b24;
--color-cocoloco-950: #221813;
}SCSS
$cocoloco: #b29583;
$cocoloco-rgb: 178, 149, 131;
$cocoloco-light: mix(#fff, $cocoloco, 20%);
$cocoloco-dark: mix(#000, $cocoloco, 20%);
.element {
color: $cocoloco;
box-shadow: 0 0 0 2px rgba($cocoloco, 0.35);
}