Najbliższy nazwany kolor · #79B6CD
#79B6CD
Najbliższy nazwany kolor: Juvie
#79B6CD (rgb(121 182 205), hsl(196 46% 64%), oklch(0.743 0.071 223.7)) jest najbliższy nazwanemu kolorowi Juvie. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#79B6CD
oklch(0.743 0.071 223.7)
Konwersje koloru
- HEX
- #79b6cd
- RGB
- rgb(121 182 205)
- HSL
- hsl(196 46% 64%)
- HWB
- hwb(196 47% 20%)
- OKLCH
- oklch(0.743 0.071 223.7)
- OKLab
- oklab(0.743 -0.051 -0.049)
- CIE Lab
- lab(70.52 -15.96 -18.26)
- LCH
- lch(70.52 24.25 228.8)
- CMYK
- cmyk(41% 11% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 87BDD2
- 95C5D7
- A2CCDC
- AFD3E1
- BDDAE6
- CAE2EB
- D7E9F0
- E4F0F5
- F2F8FA
Odcienie ciemniejsze
- 689EB2
- 588698
- 486F7E
- 395966
- 2B444E
- 1D3038
- 101D23
- 050C0F
- 010202
Tony
- 7BB1C5
- 7CABBD
- 7DA6B5
- 7EA0AE
- 7F9BA6
- 7F969E
- 809097
- 808B8F
- 808588
Harmonie kolorów
Komplementarna +180°
- 79B6CD
Juvie
- D39E88
≈ Dusty Coral
Analogowa -30° +30°
- 79B6CD
Juvie
- 74BAB9
≈ Surfer
- 8DAFD8
≈ Boy Blue
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 79B6CD
Juvie
- D59A9E
≈ Parrot Pink
- C7A57A
≈ Sugar Pie
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.38:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--juvie: #79b6cd;
--juvie-rgb: 121 182 205;
--juvie-oklch: oklch(0.743 0.071 223.7);
}
.element {
color: var(--juvie);
background-color: hsl(196 46% 64%);
border-color: oklch(0.743 0.071 223.7);
}Tailwind CSS v4
@theme {
--color-juvie: #79b6cd;
--color-juvie-50: #e1faff;
--color-juvie-100: #d0edfa;
--color-juvie-200: #b5dbec;
--color-juvie-300: #91c0d3;
--color-juvie-400: #6fa8be;
--color-juvie-500: #4c90a9;
--color-juvie-600: #427a8f;
--color-juvie-700: #346272;
--color-juvie-800: #244854;
--color-juvie-900: #18323b;
--color-juvie-950: #081e25;
}SCSS
$juvie: #79b6cd;
$juvie-rgb: 121, 182, 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);
}