Colore con nome · #174871
Hopi Blue Corn
Hopi Blue Corn è #174871: rgb(23 72 113), hsl(207 66% 27%), oklch(0.391 0.087 247.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Hopi Blue Corn color name →
#174871
oklch(0.391 0.087 247.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 2F597F
- 456A8D
- 5B7C9B
- 728EA9
- 88A0B7
- 9FB2C5
- B6C5D4
- CED8E2
- E6EBF0
Ombre
- 123D61
- 0E3352
- 0A2943
- 061F35
- 041627
- 020D1A
- 01060E
- 000204
- 000001
Toni
- 244E73
- 2F5475
- 3A5977
- 445F78
- 4E647A
- 586A7B
- 62707D
- 6C757E
- 767B7F
Armonie di colore
Complementare +180°
- 174871
Hopi Blue Corn
- 633B00
≈ Brown
Analogo -30° +30°
- 174871
Hopi Blue Corn
- 004E5E
≈ Teal Dark Blue
- 3B3F73
≈ Jewel Cave
Triadico +120° +240°
- 174871
Hopi Blue Corn
- 6B2F3C
≈ Lovestruck
- 384D13
≈ Godzilla
Complementare divisa +150° +210°
- 174871
Hopi Blue Corn
- 6B3221
≈ Root Brown
- 514500
≈ Sugarloaf Brown
Tetradico +90° +180° +270°
- 174871
Hopi Blue Corn
- 623155
≈ Spanish Plum
- 633B00
≈ Brown
- 0A5332
≈ Permanent Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.53:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.20:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.53:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
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);
}