Warna bernama terdekat · #667055
#667055
Warna bernama terdekat: Hinterland
#667055 (rgb(102 112 85), hsl(82 14% 39%), oklch(0.529 0.042 124.3)) paling mendekati warna bernama Hinterland. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#667055
oklch(0.529 0.042 124.3)
Konversi warna
- HEX
- #667055
- RGB
- rgb(102 112 85)
- HSL
- hsl(82 14% 39%)
- HWB
- hwb(82 33% 56%)
- OKLCH
- oklch(0.529 0.042 124.3)
- OKLab
- oklab(0.529 -0.024 0.035)
- CIE Lab
- lab(45.8 -7.83 13.75)
- LCH
- lch(45.8 15.82 119.7)
- CMYK
- cmyk(9% 0% 24% 56%)
Tint · Shade · Tone
Tint
- 747D65
- 828B75
- 919985
- A0A796
- AFB5A6
- BFC3B8
- CFD2C9
- DEE1DB
- EFF0ED
Shade
- 586049
- 4A513D
- 3C4331
- 2F3526
- 23271C
- 171A11
- 0C0E08
- 040402
- 000100
Tone
- 697259
- 6B735E
- 6E7562
- 707666
- 73786B
- 757A6F
- 787B73
- 7B7D77
- 7D7E7C
Harmoni warna
Komplementer +180°
- 667055
Hinterland
- 716680
≈ Victorian Iris
Analog -30° +30°
- 667055
Hinterland
- 736B4F
≈ Olive Grove
- 587361
≈ Painted Turtle
Triadik +120° +240°
- 667055
Hinterland
- 576F83
≈ Blueberry Dream
- 816168
≈ Celine
Split-komplementer +150° +210°
- 667055
Hinterland
- 646A85
≈ Dangerously Elegant
- 7B6376
≈ Purple Suede
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.23:1 · APCA Lc 76
Ag
FailDi atas hitam
WCAG 4.01:1 · APCA Lc 26
Warna teks terbaik: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--hinterland: #667055;
--hinterland-rgb: 102 112 85;
--hinterland-oklch: oklch(0.529 0.042 124.3);
}
.element {
color: var(--hinterland);
background-color: hsl(82 14% 39%);
border-color: oklch(0.529 0.042 124.3);
}Tailwind CSS v4
@theme {
--color-hinterland: #667055;
--color-hinterland-50: #f2f8eb;
--color-hinterland-100: #e4ebdc;
--color-hinterland-200: #cfd8c5;
--color-hinterland-300: #b2bca5;
--color-hinterland-400: #99a388;
--color-hinterland-500: #808b6d;
--color-hinterland-600: #6c765c;
--color-hinterland-700: #575e49;
--color-hinterland-800: #404535;
--color-hinterland-900: #2c3024;
--color-hinterland-950: #191c13;
}SCSS
$hinterland: #667055;
$hinterland-rgb: 102, 112, 85;
$hinterland-light: mix(#fff, $hinterland, 20%);
$hinterland-dark: mix(#000, $hinterland, 20%);
.element {
color: $hinterland;
box-shadow: 0 0 0 2px rgba($hinterland, 0.35);
}