Dichtstbijzijnde benoemde kleur · #C0912B
#C0912B
Dichtstbijzijnde benoemde kleur: Nugget
#C0912B (rgb(192 145 43), hsl(41 63% 46%), oklch(0.684 0.126 82.3)) komt het dichtst bij de benoemde kleur Nugget. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C0912B
oklch(0.684 0.126 82.3)
Kleurconversies
- HEX
- #c0912b
- RGB
- rgb(192 145 43)
- HSL
- hsl(41 63% 46%)
- HWB
- hwb(41 17% 25%)
- OKLCH
- oklch(0.684 0.126 82.3)
- OKLab
- oklab(0.684 0.017 0.125)
- CIE Lab
- lab(63.49 11.44 57.41)
- LCH
- lch(63.49 58.54 78.7)
- CMYK
- cmyk(0% 24% 78% 25%)
Tinten · Schaduwen · Tonen
Tinten
- C69C48
- CDA75F
- D3B274
- DABD89
- E0C89D
- E6D3B0
- ECDEC4
- F3E9D8
- F9F4EB
Schaduwen
- A77D24
- 8E6A1D
- 765816
- 5F4610
- 49350A
- 342505
- 201502
- 0E0701
- 020100
Tonen
- BA903A
- B38E46
- AD8D50
- A68B58
- A08A60
- 9A8867
- 93866E
- 8D8474
- 86827A
Kleurharmonieën
Complementair +180°
- C0912B
Nugget
- 6E98E8
≈ Guilliman Blue
Analoog -30° +30°
- C0912B
Nugget
- D6814A
≈ Seraphim Sepia
- 9BA139
≈ Fresh Apple
Triadisch +120° +240°
- C0912B
Nugget
- 00AEB9
≈ Placid Sea
- BE7EC7
≈ Lavender Sweater
Gesplitst complementair +150° +210°
- C0912B
Nugget
- 2FA6DA
≈ Malibu Blue
- 9C8AE1
≈ Perrywinkle
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.86:1 · APCA Lc 55
Ag
AAAOp zwart
WCAG 7.32:1 · APCA Lc 47
Beste tekstkleur: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Codefragmenten
CSS
:root {
--nugget: #c0912b;
--nugget-rgb: 192 145 43;
--nugget-oklch: oklch(0.684 0.126 82.3);
}
.element {
color: var(--nugget);
background-color: hsl(41 63% 46%);
border-color: oklch(0.684 0.126 82.3);
}Tailwind CSS v4
@theme {
--color-nugget: #c0912b;
--color-nugget-50: #fff3cd;
--color-nugget-100: #fce5b8;
--color-nugget-200: #eed096;
--color-nugget-300: #d6b269;
--color-nugget-400: #c3963a;
--color-nugget-500: #af7c00;
--color-nugget-600: #946900;
--color-nugget-700: #775400;
--color-nugget-800: #593c00;
--color-nugget-900: #3e2a00;
--color-nugget-950: #271700;
}SCSS
$nugget: #c0912b;
$nugget-rgb: 192, 145, 43;
$nugget-light: mix(#fff, $nugget, 20%);
$nugget-dark: mix(#000, $nugget, 20%);
.element {
color: $nugget;
box-shadow: 0 0 0 2px rgba($nugget, 0.35);
}