Dichtstbijzijnde benoemde kleur · #945C3E
#945C3E
Dichtstbijzijnde benoemde kleur: Coconut
#945C3E (rgb(148 92 62), hsl(21 41% 41%), oklch(0.53 0.086 48.4)) komt het dichtst bij de benoemde kleur Coconut. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#945C3E
oklch(0.53 0.086 48.4)
Kleurconversies
- HEX
- #945c3e
- RGB
- rgb(148 92 62)
- HSL
- hsl(21 41% 41%)
- HWB
- hwb(21 24% 42%)
- OKLCH
- oklch(0.53 0.086 48.4)
- OKLab
- oklab(0.53 0.057 0.064)
- CIE Lab
- lab(45.02 21.29 27.22)
- LCH
- lch(45.02 34.55 52)
- CMYK
- cmyk(0% 38% 58% 42%)
Tinten · Schaduwen · Tonen
Tinten
- 9F6C50
- AA7B63
- B58B76
- C09B88
- CAAB9B
- D5BCAF
- E0CCC2
- EADDD6
- F5EEEB
Schaduwen
- 804F35
- 6D422B
- 5A3623
- 482A1A
- 361F12
- 26140A
- 160A04
- 080301
- 010000
Tonen
- 936045
- 91644C
- 8F6853
- 8E6B5A
- 8C6F60
- 8A7267
- 87766D
- 857973
- 837D7A
Kleurharmonieën
Complementair +180°
- 945C3E
Coconut
- 2B7593
≈ Devil Blue
Analoog -30° +30°
- 945C3E
Coconut
- 975759
≈ Baca Berry
- 87652C
≈ Kumera
Triadisch +120° +240°
- 945C3E
Coconut
- 2F7C63
≈ Trans Tasman
- 6A639B
≈ Dark Horizon
Gesplitst complementair +150° +210°
- 945C3E
Coconut
- 147B7E
≈ Tropical Waters
- 4C6D9D
≈ San Marino
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.44:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.85:1 · APCA Lc 25
Beste tekstkleur: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--coconut: #945c3e;
--coconut-rgb: 148 92 62;
--coconut-oklch: oklch(0.53 0.086 48.4);
}
.element {
color: var(--coconut);
background-color: hsl(21 41% 41%);
border-color: oklch(0.53 0.086 48.4);
}Tailwind CSS v4
@theme {
--color-coconut: #945c3e;
--color-coconut-50: #ffefe0;
--color-coconut-100: #ffe0cf;
--color-coconut-200: #f3cab4;
--color-coconut-300: #dcab90;
--color-coconut-400: #c98f72;
--color-coconut-500: #b47452;
--color-coconut-600: #986346;
--color-coconut-700: #7a4f38;
--color-coconut-800: #5b3928;
--color-coconut-900: #40271b;
--color-coconut-950: #28150b;
}SCSS
$coconut: #945c3e;
$coconut-rgb: 148, 92, 62;
$coconut-light: mix(#fff, $coconut, 20%);
$coconut-dark: mix(#000, $coconut, 20%);
.element {
color: $coconut;
box-shadow: 0 0 0 2px rgba($coconut, 0.35);
}