Colore con nome più vicino · #74B3C5
#74B3C5
Colore con nome più vicino: Glacier
#74B3C5 (rgb(116 179 197), hsl(193 41% 61%), oklch(0.731 0.07 217.8)) è più vicino al colore con nome Glacier. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#74B3C5
oklch(0.731 0.07 217.8)
Conversioni di colore
- HEX
- #74b3c5
- RGB
- rgb(116 179 197)
- HSL
- hsl(193 41% 61%)
- HWB
- hwb(193 45% 23%)
- OKLCH
- oklch(0.731 0.07 217.8)
- OKLab
- oklab(0.731 -0.055 -0.043)
- CIE Lab
- lab(69.17 -17.51 -15.93)
- LCH
- lch(69.17 23.68 222.3)
- CMYK
- cmyk(41% 9% 0% 23%)
Tinte · Ombre · Toni
Tinte
- 83BBCB
- 91C2D1
- 9FCAD6
- ADD1DC
- BAD9E2
- C8E0E8
- D6E8EE
- E3F0F3
- F1F7F9
Ombre
- 649BAB
- 548492
- 456E79
- 375861
- 29434B
- 1B2F35
- 0F1D21
- 050C0E
- 010102
Toni
- 76AEBE
- 78A9B7
- 7AA4B0
- 7B9FA9
- 7C99A2
- 7E949B
- 7E8F94
- 7F8A8E
- 808587
Armonie di colore
Complementare +180°
- 74B3C5
Glacier
- CF9989
≈ Nectarine Spice
Analogo -30° +30°
Triadico +120° +240°
- 74B3C5
Glacier
- C597B7
≈ Morning Glory Pink
- B3A976
≈ Bamboo Forest
Complementare divisa +150° +210°
- 74B3C5
Glacier
- CF96A0
≈ Cooing Doves
- C6A079
≈ Friendly Tan
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.99:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--glacier: #74b3c5;
--glacier-rgb: 116 179 197;
--glacier-oklch: oklch(0.731 0.07 217.8);
}
.element {
color: var(--glacier);
background-color: hsl(193 41% 61%);
border-color: oklch(0.731 0.07 217.8);
}Tailwind CSS v4
@theme {
--color-glacier: #74b3c5;
--color-glacier-50: #e0faff;
--color-glacier-100: #cfeef8;
--color-glacier-200: #b4dce9;
--color-glacier-300: #90c0d0;
--color-glacier-400: #6ea9ba;
--color-glacier-500: #4b91a5;
--color-glacier-600: #407b8b;
--color-glacier-700: #336370;
--color-glacier-800: #234852;
--color-glacier-900: #173239;
--color-glacier-950: #081e23;
}SCSS
$glacier: #74b3c5;
$glacier-rgb: 116, 179, 197;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}