Colore con nome · #17A9E5
Huelveño Horizon
Huelveño Horizon è #17A9E5: rgb(23 169 229), hsl(197 82% 49%), oklch(0.693 0.14 233.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Huelveño Horizon color name →
#17A9E5
oklch(0.693 0.14 233.7)
Conversioni di colore
- HEX
- #17a9e5
- RGB
- rgb(23 169 229)
- HSL
- hsl(197 82% 49%)
- HWB
- hwb(197 9% 10%)
- OKLCH
- oklch(0.693 0.14 233.7)
- OKLab
- oklab(0.693 -0.083 -0.113)
- CIE Lab
- lab(64.47 -20.29 -40.92)
- LCH
- lch(64.47 45.68 243.6)
- CMYK
- cmyk(90% 26% 0% 10%)
Tinte · Ombre · Toni
Tinte
- 43B2E8
- 5EBBEB
- 76C4EE
- 8BCCF1
- 9FD5F4
- B3DEF6
- C6E6F9
- D9EEFB
- ECF7FD
Ombre
- 1292C7
- 0E7CAA
- 0A678E
- 065372
- 043F58
- 022C3F
- 011B28
- 000A12
- 000103
Toni
- 33A5DB
- 43A1D1
- 4F9EC7
- 599ABC
- 6296B2
- 6991A8
- 708D9E
- 768994
- 7B858A
Armonie di colore
Complementare +180°
- 17A9E5
Huelveño Horizon
- DE813E
≈ Tree Poppy
Analogo -30° +30°
- 17A9E5
Huelveño Horizon
- 00B1BD
≈ Deep Turquoise
- 6F99F3
≈ Guilliman Blue
Triadico +120° +240°
- 17A9E5
Huelveño Horizon
- DE74A3
≈ Chinese Pink
- 9CA52B
≈ Forest Lichen
Complementare divisa +150° +210°
- 17A9E5
Huelveño Horizon
- E67671
≈ Sweet Melon
- C5930B
≈ Nugget Gold
Tetradico +90° +180° +270°
- 17A9E5
Huelveño Horizon
- C67CCD
≈ Purple Kush
- DE813E
≈ Tree Poppy
- 61B261
≈ Boring Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.67:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.84:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--huelveno-horizon: #17a9e5;
--huelveno-horizon-rgb: 23 169 229;
--huelveno-horizon-oklch: oklch(0.693 0.14 233.7);
}
.element {
color: var(--huelveno-horizon);
background-color: hsl(197 82% 49%);
border-color: oklch(0.693 0.14 233.7);
}Tailwind CSS v4
@theme {
--color-huelveno-horizon: #17a9e5;
--color-huelveno-horizon-50: #d0fcff;
--color-huelveno-horizon-100: #bbf0ff;
--color-huelveno-horizon-200: #98deff;
--color-huelveno-horizon-300: #6ac2f5;
--color-huelveno-horizon-400: #2dabe4;
--color-huelveno-horizon-500: #0093d4;
--color-huelveno-horizon-600: #007cb2;
--color-huelveno-horizon-700: #00638f;
--color-huelveno-horizon-800: #00496a;
--color-huelveno-horizon-900: #00334a;
--color-huelveno-horizon-950: #001e31;
}SCSS
$huelveno-horizon: #17a9e5;
$huelveno-horizon-rgb: 23, 169, 229;
$huelveno-horizon-light: mix(#fff, $huelveno-horizon, 20%);
$huelveno-horizon-dark: mix(#000, $huelveno-horizon, 20%);
.element {
color: $huelveno-horizon;
box-shadow: 0 0 0 2px rgba($huelveno-horizon, 0.35);
}