Warna bernama terdekat · #C19341
#C19341
Warna bernama terdekat: Nattō
#C19341 (rgb(193 147 65), hsl(38 51% 51%), oklch(0.691 0.113 79.3)) paling mendekati warna bernama Nattō. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#C19341
oklch(0.691 0.113 79.3)
Konversi warna
- HEX
- #c19341
- RGB
- rgb(193 147 65)
- HSL
- hsl(38 51% 51%)
- HWB
- hwb(38 25% 24%)
- OKLCH
- oklch(0.691 0.113 79.3)
- OKLab
- oklab(0.691 0.021 0.111)
- CIE Lab
- lab(64.24 11.63 49.03)
- LCH
- lch(64.24 50.39 76.7)
- CMYK
- cmyk(0% 24% 66% 24%)
Tint · Shade · Tone
Tint
- C79E57
- CEA96B
- D4B37E
- DABE91
- E0C9A3
- E7D4B6
- EDDEC8
- F3E9DA
- F9F4ED
Shade
- A77F37
- 8F6C2E
- 775925
- 5F471C
- 493613
- 34250B
- 201605
- 0E0801
- 020100
Tone
- BA914A
- B49053
- AD8E5A
- A78C60
- A18A67
- 9A886C
- 948672
- 8D8477
- 87827B
Harmoni warna
Komplementer +180°
- C19341
Nattō
- 719CE2
≈ Sea Loch
Analog -30° +30°
- C19341
Nattō
- D4865A
≈ Sunny Horizon
- A1A147
≈ Reed Green
Triadik +120° +240°
Split-komplementer +150° +210°
- C19341
Nattō
- 40A9D4
≈ Mystic Blue
- 9A8FDD
≈ Perrywinkle
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.51:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--natto: #c19341;
--natto-rgb: 193 147 65;
--natto-oklch: oklch(0.691 0.113 79.3);
}
.element {
color: var(--natto);
background-color: hsl(38 51% 51%);
border-color: oklch(0.691 0.113 79.3);
}Tailwind CSS v4
@theme {
--color-natto: #c19341;
--color-natto-50: #fff3d1;
--color-natto-100: #fbe5be;
--color-natto-200: #edd09d;
--color-natto-300: #d5b273;
--color-natto-400: #c2964a;
--color-natto-500: #ae7c11;
--color-natto-600: #936914;
--color-natto-700: #765410;
--color-natto-800: #583c0a;
--color-natto-900: #3d2a06;
--color-natto-950: #271700;
}SCSS
$natto: #c19341;
$natto-rgb: 193, 147, 65;
$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);
}