Colore con nome più vicino · #89BED9
#89BED9
Colore con nome più vicino: Juvie
#89BED9 (rgb(137 190 217), hsl(200 51% 69%), oklch(0.774 0.067 230.8)) è più vicino al colore con nome Juvie. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#89BED9
oklch(0.774 0.067 230.8)
Conversioni di colore
- HEX
- #89bed9
- RGB
- rgb(137 190 217)
- HSL
- hsl(200 51% 69%)
- HWB
- hwb(200 54% 15%)
- OKLCH
- oklch(0.774 0.067 230.8)
- OKLab
- oklab(0.774 -0.043 -0.052)
- CIE Lab
- lab(73.99 -12.92 -19.45)
- LCH
- lch(73.99 23.35 236.4)
- CMYK
- cmyk(37% 12% 0% 15%)
Tinte · Ombre · Toni
Tinte
- 95C4DD
- A1CBE1
- ADD1E5
- B9D8E8
- C4DEEC
- D0E5F0
- DCEBF4
- E7F2F8
- F3F8FB
Ombre
- 76A5BC
- 648CA1
- 537586
- 425E6C
- 314853
- 22333B
- 141F25
- 070D11
- 010202
Toni
- 89B8D0
- 88B1C7
- 88ABBE
- 87A5B5
- 869FAC
- 8599A3
- 84929A
- 838C91
- 818689
Armonie di colore
Complementare +180°
- 89BED9
Juvie
- D9AA8F
≈ Salmon Sand
Analogo -30° +30°
- 89BED9
Juvie
- 81C3C7
≈ Big Sky Country
- 9DB7E1
≈ Honest
Triadico +120° +240°
- 89BED9
Juvie
- D8A4BB
≈ Rhubarb Gin
- B7BA88
≈ Aloe Plant
Complementare divisa +150° +210°
- 89BED9
Juvie
- DEA5A3
≈ Pastel Pink
- CCB284
≈ Oak Harbour
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.43:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--juvie: #89bed9;
--juvie-rgb: 137 190 217;
--juvie-oklch: oklch(0.774 0.067 230.8);
}
.element {
color: var(--juvie);
background-color: hsl(200 51% 69%);
border-color: oklch(0.774 0.067 230.8);
}Tailwind CSS v4
@theme {
--color-juvie: #89bed9;
--color-juvie-50: #e3f9ff;
--color-juvie-100: #d3ecfb;
--color-juvie-200: #b9daed;
--color-juvie-300: #96bed5;
--color-juvie-400: #75a6bf;
--color-juvie-500: #558fab;
--color-juvie-600: #487990;
--color-juvie-700: #3a6174;
--color-juvie-800: #284755;
--color-juvie-900: #1b313b;
--color-juvie-950: #0b1d25;
}SCSS
$juvie: #89bed9;
$juvie-rgb: 137, 190, 217;
$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);
}