Nächste benannte Farbe · #C0933C
#C0933C
Nächste benannte Farbe: Nattō
#C0933C (rgb(192 147 60), hsl(40 52% 49%), oklch(0.69 0.116 81)) liegt am nächsten an der benannten Farbe Nattō. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C0933C
oklch(0.69 0.116 81)
Farbumrechnungen
- HEX
- #c0933c
- RGB
- rgb(192 147 60)
- HSL
- hsl(40 52% 49%)
- HWB
- hwb(40 24% 25%)
- OKLCH
- oklch(0.69 0.116 81)
- OKLab
- oklab(0.69 0.018 0.115)
- CIE Lab
- lab(64.09 10.98 51.09)
- LCH
- lch(64.09 52.25 77.9)
- CMYK
- cmyk(0% 23% 69% 25%)
Tints · Shades · Tones
Tints
- C69E53
- CDA968
- D3B37C
- DABE8F
- E0C9A2
- E6D4B4
- ECDEC7
- F3E9DA
- F9F4EC
Shades
- A77F33
- 8E6C2A
- 765921
- 5F4719
- 493611
- 34250A
- 201604
- 0E0801
- 020100
Tones
- BA9147
- B3904F
- AD8E57
- A68C5E
- A08A65
- 9A886B
- 938671
- 8D8476
- 86827B
Farbharmonien
Komplementär +180°
- C0933C
Nattō
- 729BE3
≈ Little Boy Blue
Analog -30° +30°
- C0933C
Nattō
- D48555
≈ Copperhead
- 9EA245
≈ Reed Green
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- C0933C
Nattō
- 3EA8D6
≈ Mystic Blue
- 9C8EDE
≈ Middy’s Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--natto: #c0933c;
--natto-rgb: 192 147 60;
--natto-oklch: oklch(0.69 0.116 81);
}
.element {
color: var(--natto);
background-color: hsl(40 52% 49%);
border-color: oklch(0.69 0.116 81);
}Tailwind CSS v4
@theme {
--color-natto: #c0933c;
--color-natto-50: #fff3d0;
--color-natto-100: #fbe5bc;
--color-natto-200: #edd09b;
--color-natto-300: #d4b270;
--color-natto-400: #c29746;
--color-natto-500: #ad7c00;
--color-natto-600: #92690a;
--color-natto-700: #75540a;
--color-natto-800: #583d05;
--color-natto-900: #3d2a04;
--color-natto-950: #271700;
}SCSS
$natto: #c0933c;
$natto-rgb: 192, 147, 60;
$natto-light: mix(#fff, $natto, 20%);
$natto-dark: mix(#000, $natto, 20%);
.element {
color: $natto;
box-shadow: 0 0 0 2px rgba($natto, 0.35);
}