Couleur nommée la plus proche · #5FA2C9
#5FA2C9
Couleur nommée la plus proche: Sub-Zero
#5FA2C9 (rgb(95 162 201), hsl(202 50% 58%), oklch(0.683 0.089 235.7)) est la plus proche de la couleur nommée Sub-Zero. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5FA2C9
oklch(0.683 0.089 235.7)
Conversions de couleur
- HEX
- #5fa2c9
- RGB
- rgb(95 162 201)
- HSL
- hsl(202 50% 58%)
- HWB
- hwb(202 37% 21%)
- OKLCH
- oklch(0.683 0.089 235.7)
- OKLab
- oklab(0.683 -0.05 -0.074)
- CIE Lab
- lab(63.33 -13.79 -27.08)
- LCH
- lch(63.33 30.39 243)
- CMYK
- cmyk(53% 19% 0% 21%)
Teintes · Ombres · Tons
Teintes
- 70ABCF
- 80B5D4
- 90BEDA
- A0C7DF
- B0D0E5
- C0DAEA
- D0E3EF
- DFECF5
- EFF6FA
Ombres
- 528CAE
- 447795
- 38637C
- 2C4F64
- 203C4C
- 152A36
- 0A1922
- 030A0F
- 000102
Tons
- 649FC2
- 689BBA
- 6C98B3
- 6F95AC
- 7391A4
- 768E9D
- 798B96
- 7B878F
- 7E8487
Harmonies de couleurs
Complémentaire +180°
- 5FA2C9
Sub-Zero
- C48B62
≈ Copper Hide
Analogue -30° +30°
- 5FA2C9
Sub-Zero
- 4BA9B4
≈ Gone Fishing
- 7F98D1
≈ Purple Gentian
Triadique +120° +240°
- 5FA2C9
Sub-Zero
- C6829B
≈ Cashmere Rose
- 97A05E
≈ Banana Palm
Complémentaire divisée +150° +210°
- 5FA2C9
Sub-Zero
- CB837D
≈ Raspberry Ripple
- B29556
≈ Antique Honey
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.49:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--sub-zero: #5fa2c9;
--sub-zero-rgb: 95 162 201;
--sub-zero-oklch: oklch(0.683 0.089 235.7);
}
.element {
color: var(--sub-zero);
background-color: hsl(202 50% 58%);
border-color: oklch(0.683 0.089 235.7);
}Tailwind CSS v4
@theme {
--color-sub-zero: #5fa2c9;
--color-sub-zero-50: #defaff;
--color-sub-zero-100: #cdedff;
--color-sub-zero-200: #b1dbf6;
--color-sub-zero-300: #8cbfe0;
--color-sub-zero-400: #68a7cc;
--color-sub-zero-500: #438fb9;
--color-sub-zero-600: #3a799c;
--color-sub-zero-700: #2e617d;
--color-sub-zero-800: #1e475c;
--color-sub-zero-900: #143141;
--color-sub-zero-950: #051d29;
}SCSS
$sub-zero: #5fa2c9;
$sub-zero-rgb: 95, 162, 201;
$sub-zero-light: mix(#fff, $sub-zero, 20%);
$sub-zero-dark: mix(#000, $sub-zero, 20%);
.element {
color: $sub-zero;
box-shadow: 0 0 0 2px rgba($sub-zero, 0.35);
}