Warna bernama terdekat · #C0933C
#C0933C
Warna bernama terdekat: Nattō
#C0933C (rgb(192 147 60), hsl(40 52% 49%), oklch(0.69 0.116 81)) paling mendekati warna bernama Nattō. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#C0933C
oklch(0.69 0.116 81)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C69E53
- CDA968
- D3B37C
- DABE8F
- E0C9A2
- E6D4B4
- ECDEC7
- F3E9DA
- F9F4EC
Shade
- A77F33
- 8E6C2A
- 765921
- 5F4719
- 493611
- 34250A
- 201604
- 0E0801
- 020100
Tone
- BA9147
- B3904F
- AD8E57
- A68C5E
- A08A65
- 9A886B
- 938671
- 8D8476
- 86827B
Harmoni warna
Komplementer +180°
- C0933C
Nattō
- 729BE3
≈ Little Boy Blue
Analog -30° +30°
- C0933C
Nattō
- D48555
≈ Copperhead
- 9EA245
≈ Reed Green
Triadik +120° +240°
Split-komplementer +150° +210°
- C0933C
Nattō
- 3EA8D6
≈ Mystic Blue
- 9C8EDE
≈ Middy’s Purple
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.80:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.48:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
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);
}