Warna bernama · #174871
Hopi Blue Corn
Hopi Blue Corn adalah #174871: rgb(23 72 113), hsl(207 66% 27%), oklch(0.391 0.087 247.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Hopi Blue Corn color name →
#174871
oklch(0.391 0.087 247.7)
Konversi warna
- HEX
- #174871
- RGB
- rgb(23 72 113)
- HSL
- hsl(207 66% 27%)
- HWB
- hwb(207 9% 56%)
- OKLCH
- oklch(0.391 0.087 247.7)
- OKLab
- oklab(0.391 -0.033 -0.08)
- CIE Lab
- lab(29 -4.67 -28.84)
- LCH
- lch(29 29.22 260.8)
- CMYK
- cmyk(80% 36% 0% 56%)
Tint · Shade · Tone
Tint
- 2F597F
- 456A8D
- 5B7C9B
- 728EA9
- 88A0B7
- 9FB2C5
- B6C5D4
- CED8E2
- E6EBF0
Shade
- 123D61
- 0E3352
- 0A2943
- 061F35
- 041627
- 020D1A
- 01060E
- 000204
- 000001
Tone
- 244E73
- 2F5475
- 3A5977
- 445F78
- 4E647A
- 586A7B
- 62707D
- 6C757E
- 767B7F
Harmoni warna
Komplementer +180°
- 174871
Hopi Blue Corn
- 633B00
≈ Brown
Analog -30° +30°
- 174871
Hopi Blue Corn
- 004E5E
≈ Teal Dark Blue
- 3B3F73
≈ Jewel Cave
Triadik +120° +240°
- 174871
Hopi Blue Corn
- 6B2F3C
≈ Lovestruck
- 384D13
≈ Godzilla
Split-komplementer +150° +210°
- 174871
Hopi Blue Corn
- 6B3221
≈ Root Brown
- 514500
≈ Sugarloaf Brown
Tetradik +90° +180° +270°
- 174871
Hopi Blue Corn
- 623155
≈ Spanish Plum
- 633B00
≈ Brown
- 0A5332
≈ Permanent Green
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.53:1 · APCA Lc 92
Ag
FailDi atas hitam
WCAG 2.20:1 · APCA Lc 11
Warna teks terbaik: #FFFFFF
WCAG 9.53:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--hopi-blue-corn: #174871;
--hopi-blue-corn-rgb: 23 72 113;
--hopi-blue-corn-oklch: oklch(0.391 0.087 247.7);
}
.element {
color: var(--hopi-blue-corn);
background-color: hsl(207 66% 27%);
border-color: oklch(0.391 0.087 247.7);
}Tailwind CSS v4
@theme {
--color-hopi-blue-corn: #174871;
--color-hopi-blue-corn-50: #e3f8ff;
--color-hopi-blue-corn-100: #d3ebff;
--color-hopi-blue-corn-200: #b9d8f9;
--color-hopi-blue-corn-300: #96bbe3;
--color-hopi-blue-corn-400: #75a3d0;
--color-hopi-blue-corn-500: #558bbd;
--color-hopi-blue-corn-600: #48769f;
--color-hopi-blue-corn-700: #3a5e80;
--color-hopi-blue-corn-800: #27455f;
--color-hopi-blue-corn-900: #1a3042;
--color-hopi-blue-corn-950: #0b1c2b;
}SCSS
$hopi-blue-corn: #174871;
$hopi-blue-corn-rgb: 23, 72, 113;
$hopi-blue-corn-light: mix(#fff, $hopi-blue-corn, 20%);
$hopi-blue-corn-dark: mix(#000, $hopi-blue-corn, 20%);
.element {
color: $hopi-blue-corn;
box-shadow: 0 0 0 2px rgba($hopi-blue-corn, 0.35);
}