Colore con nome · #95B5DB
Echo Isles Water
Echo Isles Water è #95B5DB: rgb(149 181 219), hsl(213 49% 72%), oklch(0.763 0.065 253). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Echo Isles Water color name →
#95B5DB
oklch(0.763 0.065 253)
Conversioni di colore
- HEX
- #95b5db
- RGB
- rgb(149 181 219)
- HSL
- hsl(213 49% 72%)
- HWB
- hwb(213 58% 14%)
- OKLCH
- oklch(0.763 0.065 253)
- OKLab
- oklab(0.763 -0.019 -0.062)
- CIE Lab
- lab(72.3 -4.51 -22.98)
- LCH
- lch(72.3 23.42 258.9)
- CMYK
- cmyk(32% 17% 0% 14%)
Tinte · Ombre · Toni
Tinte
- 9FBCDF
- AAC4E3
- B4CBE6
- BFD2EA
- C9DAED
- D4E1F1
- DFE9F5
- E9F0F8
- F4F8FC
Ombre
- 819DBE
- 6D86A2
- 5A6F87
- 48596D
- 374454
- 26303C
- 161D26
- 080C11
- 010202
Toni
- 93B0D2
- 91AAC8
- 8FA5BF
- 8DA0B6
- 8B9AAD
- 8995A4
- 87909B
- 848B92
- 828589
Armonie di colore
Complementare +180°
- 95B5DB
Echo Isles Water
- CCAC84
≈ DaVanzo Beige
Analogo -30° +30°
- 95B5DB
Echo Isles Water
- 84BCD0
≈ Juvie
- ABADDB
≈ High Style
Triadico +120° +240°
- 95B5DB
Echo Isles Water
- D8A1A6
≈ Rosetti Pink
- A2BB91
≈ Byakuroku Green
Complementare divisa +150° +210°
- 95B5DB
Echo Isles Water
- D6A591
≈ Rosettee
- B9B484
≈ Ryegrass
Tetradico +90° +180° +270°
- 95B5DB
Echo Isles Water
- D0A2BD
≈ Enhance
- CCAC84
≈ DaVanzo Beige
- 8CBFA6
≈ Baby Cake
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.11:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.91:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--echo-isles-water: #95b5db;
--echo-isles-water-rgb: 149 181 219;
--echo-isles-water-oklch: oklch(0.763 0.065 253);
}
.element {
color: var(--echo-isles-water);
background-color: hsl(213 49% 72%);
border-color: oklch(0.763 0.065 253);
}Tailwind CSS v4
@theme {
--color-echo-isles-water: #95b5db;
--color-echo-isles-water-50: #e9f7ff;
--color-echo-isles-water-100: #dae9fe;
--color-echo-isles-water-200: #c2d6f0;
--color-echo-isles-water-300: #a1bad9;
--color-echo-isles-water-400: #83a1c5;
--color-echo-isles-water-500: #6789b1;
--color-echo-isles-water-600: #587495;
--color-echo-isles-water-700: #465d78;
--color-echo-isles-water-800: #314458;
--color-echo-isles-water-900: #222f3e;
--color-echo-isles-water-950: #111b27;
}SCSS
$echo-isles-water: #95b5db;
$echo-isles-water-rgb: 149, 181, 219;
$echo-isles-water-light: mix(#fff, $echo-isles-water, 20%);
$echo-isles-water-dark: mix(#000, $echo-isles-water, 20%);
.element {
color: $echo-isles-water;
box-shadow: 0 0 0 2px rgba($echo-isles-water, 0.35);
}