Colore con nome più vicino · #75B5D0
#75B5D0
Colore con nome più vicino: Juvie
#75B5D0 (rgb(117 181 208), hsl(198 49% 64%), oklch(0.74 0.076 226.6)) è più vicino al colore con nome Juvie. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#75B5D0
oklch(0.74 0.076 226.6)
Conversioni di colore
- HEX
- #75b5d0
- RGB
- rgb(117 181 208)
- HSL
- hsl(198 49% 64%)
- HWB
- hwb(198 46% 18%)
- OKLCH
- oklch(0.74 0.076 226.6)
- OKLab
- oklab(0.74 -0.052 -0.055)
- CIE Lab
- lab(70.11 -15.94 -20.53)
- LCH
- lch(70.11 25.99 232.2)
- CMYK
- cmyk(44% 13% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 83BCD5
- 92C4DA
- 9FCBDE
- ADD3E3
- BBDAE8
- C9E1EC
- D6E9F1
- E4F0F6
- F1F8FA
Ombre
- 659DB5
- 55869A
- 466F80
- 375967
- 29444F
- 1C3039
- 0F1D23
- 050C10
- 010202
Toni
- 77B0C8
- 79AAC0
- 7BA5B8
- 7CA0AF
- 7D9AA7
- 7E95A0
- 7F9098
- 7F8B90
- 808588
Armonie di colore
Complementare +180°
- 75B5D0
Juvie
- D49C82
≈ Dusty Coral
Analogo -30° +30°
Triadico +120° +240°
- 75B5D0
Juvie
- CF98B4
≈ Exotic Lilac
- B0AE76
≈ Jalapeño Jelly
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.26:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.27:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--juvie: #75b5d0;
--juvie-rgb: 117 181 208;
--juvie-oklch: oklch(0.74 0.076 226.6);
}
.element {
color: var(--juvie);
background-color: hsl(198 49% 64%);
border-color: oklch(0.74 0.076 226.6);
}Tailwind CSS v4
@theme {
--color-juvie: #75b5d0;
--color-juvie-50: #e0faff;
--color-juvie-100: #cfedfc;
--color-juvie-200: #b3dbee;
--color-juvie-300: #8fc0d7;
--color-juvie-400: #6ca8c1;
--color-juvie-500: #4990ad;
--color-juvie-600: #3e7a92;
--color-juvie-700: #326275;
--color-juvie-800: #224856;
--color-juvie-900: #16323c;
--color-juvie-950: #071e26;
}SCSS
$juvie: #75b5d0;
$juvie-rgb: 117, 181, 208;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}