Colore con nome · #0022AA
City Hunter Blue
City Hunter Blue è #0022AA: rgb(0 34 170), hsl(228 100% 33%), oklch(0.362 0.212 264). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · City Hunter Blue color name →
#0022AA
oklch(0.362 0.212 264)
Conversioni di colore
- HEX
- #0022aa
- RGB
- rgb(0 34 170)
- HSL
- hsl(228 100% 33%)
- HWB
- hwb(228 0% 33%)
- OKLCH
- oklch(0.362 0.212 264)
- OKLab
- oklab(0.362 -0.022 -0.211)
- CIE Lab
- lab(22.24 37.25 -74.98)
- LCH
- lch(22.24 83.72 296.4)
- CMYK
- cmyk(100% 80% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 1440B5
- 2C58BF
- 456EC8
- 5E83D2
- 7798DA
- 91ACE3
- ACC1EB
- C7D5F2
- E3EAF9
Ombre
- 001C93
- 00167D
- 001168
- 000B53
- 00073F
- 00032D
- 00011B
- 00000B
- 000001
Toni
- 0932A7
- 173FA4
- 2549A1
- 32539D
- 3F5C99
- 4C6495
- 596B91
- 66728C
- 737986
Armonie di colore
Complementare +180°
- 0022AA
City Hunter Blue
- 503A00
≈ Xanthophobia
Analogo -30° +30°
- 0022AA
City Hunter Blue
- 00435F
≈ Loyal Blue
- 4A0099
≈ Space Battle Blue
Triadico +120° +240°
- 0022AA
City Hunter Blue
- 790011
≈ Blood Brother
- 004C0A
≈ Kabocha Green
Complementare divisa +150° +210°
- 0022AA
City Hunter Blue
- 612E00
≈ Count Chocula
- 3E4200
≈ Green Not Found
Tetradico +90° +180° +270°
- 0022AA
City Hunter Blue
- 730043
≈ Dawn of the Fairies
- 503A00
≈ Xanthophobia
- 00493B
≈ Tropical Forest
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.60:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.80:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 11.60:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--city-hunter-blue: #0022aa;
--city-hunter-blue-rgb: 0 34 170;
--city-hunter-blue-oklch: oklch(0.362 0.212 264);
}
.element {
color: var(--city-hunter-blue);
background-color: hsl(228 100% 33%);
border-color: oklch(0.362 0.212 264);
}Tailwind CSS v4
@theme {
--color-city-hunter-blue: #0022aa;
--color-city-hunter-blue-50: #d9f5ff;
--color-city-hunter-blue-100: #c7e7ff;
--color-city-hunter-blue-200: #aad2ff;
--color-city-hunter-blue-300: #84b2ff;
--color-city-hunter-blue-400: #5c96ff;
--color-city-hunter-blue-500: #3a77ff;
--color-city-hunter-blue-600: #3266e5;
--color-city-hunter-blue-700: #2751b8;
--color-city-hunter-blue-800: #153c8a;
--color-city-hunter-blue-900: #0d2962;
--color-city-hunter-blue-950: #021643;
}SCSS
$city-hunter-blue: #0022aa;
$city-hunter-blue-rgb: 0, 34, 170;
$city-hunter-blue-light: mix(#fff, $city-hunter-blue, 20%);
$city-hunter-blue-dark: mix(#000, $city-hunter-blue, 20%);
.element {
color: $city-hunter-blue;
box-shadow: 0 0 0 2px rgba($city-hunter-blue, 0.35);
}