Colore con nome più vicino · #84B7CD
#84B7CD
Colore con nome più vicino: Juvie
#84B7CD (rgb(132 183 205), hsl(198 42% 66%), oklch(0.751 0.062 226.6)) è più vicino al colore con nome Juvie. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#84B7CD
oklch(0.751 0.062 226.6)
Conversioni di colore
- HEX
- #84b7cd
- RGB
- rgb(132 183 205)
- HSL
- hsl(198 42% 66%)
- HWB
- hwb(198 52% 20%)
- OKLCH
- oklch(0.751 0.062 226.6)
- OKLab
- oklab(0.751 -0.043 -0.045)
- CIE Lab
- lab(71.41 -13.31 -16.85)
- LCH
- lch(71.41 21.47 231.7)
- CMYK
- cmyk(36% 11% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 90BED2
- 9DC5D7
- A9CCDC
- B5D4E1
- C2DBE6
- CEE2EB
- DAE9F0
- E6F0F5
- F3F8FA
Ombre
- 729FB2
- 608798
- 4F707E
- 3F5A66
- 2F454E
- 203138
- 121E23
- 060C0F
- 010202
Toni
- 84B1C5
- 84ACBD
- 84A6B5
- 84A1AE
- 839BA6
- 83969E
- 829097
- 828B8F
- 818587
Armonie di colore
Complementare +180°
- 84B7CD
Juvie
- D0A38D
≈ Autumn Malt
Analogo -30° +30°
- 84B7CD
Juvie
- 7FBBBC
≈ Warm Waters
- 95B0D6
≈ Lazy Day
Triadico +120° +240°
- 84B7CD
Juvie
- CD9FB6
≈ Quilted Heart
- B3B184
≈ Winter Pear
Complementare divisa +150° +210°
- 84B7CD
Juvie
- D39FA1
≈ Rosewood Apricot
- C5AA82
≈ Pony
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.63:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--juvie: #84b7cd;
--juvie-rgb: 132 183 205;
--juvie-oklch: oklch(0.751 0.062 226.6);
}
.element {
color: var(--juvie);
background-color: hsl(198 42% 66%);
border-color: oklch(0.751 0.062 226.6);
}Tailwind CSS v4
@theme {
--color-juvie: #84b7cd;
--color-juvie-50: #e4f9ff;
--color-juvie-100: #d4ecf9;
--color-juvie-200: #badaea;
--color-juvie-300: #97bed1;
--color-juvie-400: #77a6bb;
--color-juvie-500: #578fa6;
--color-juvie-600: #4a798c;
--color-juvie-700: #3b6170;
--color-juvie-800: #294753;
--color-juvie-900: #1c313a;
--color-juvie-950: #0c1d24;
}SCSS
$juvie: #84b7cd;
$juvie-rgb: 132, 183, 205;
$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);
}