Couleur nommée la plus proche · #9EBBFE
#9EBBFE
Couleur nommée la plus proche: Pastel Blue
#9EBBFE (rgb(158 187 254), hsl(222 98% 81%), oklch(0.796 0.101 266.1)) est la plus proche de la couleur nommée Pastel Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9EBBFE
oklch(0.796 0.101 266.1)
Conversions de couleur
- HEX
- #9ebbfe
- RGB
- rgb(158 187 254)
- HSL
- hsl(222 98% 81%)
- HWB
- hwb(222 62% 0%)
- OKLCH
- oklch(0.796 0.101 266.1)
- OKLab
- oklab(0.796 -0.007 -0.101)
- CIE Lab
- lab(75.6 2.06 -36.73)
- LCH
- lch(75.6 36.79 273.2)
- CMYK
- cmyk(38% 26% 0% 0%)
Teintes · Ombres · Tons
Teintes
- A7C2FF
- B1C9FF
- BAD0FF
- C4D7FF
- CEDDFF
- D7E4FF
- E1EBFF
- EBF2FF
- F5F8FF
Ombres
- 89A2DD
- 748ABD
- 60739E
- 4D5C80
- 3A4663
- 293247
- 181F2D
- 090D16
- 010203
Tons
- 9BB5F1
- 98AFE4
- 95A9D7
- 92A3CB
- 8F9EBE
- 8C98B1
- 8992A5
- 868C99
- 83868C
Harmonies de couleurs
Complémentaire +180°
- 9EBBFE
Pastel Blue
- D9B86E
≈ Harpswell Green
Analogue -30° +30°
- 9EBBFE
Pastel Blue
- 79C7F5
≈ Nevermind Nirvana
- C2AFF6
≈ Purple Sand
Triadique +120° +240°
- 9EBBFE
Pastel Blue
- F7A39A
≈ Candlelight Peach
- 91CE95
≈ Fennel
Complémentaire divisée +150° +210°
- 9EBBFE
Pastel Blue
- EFAB7C
≈ Hazelnut Milk
- B9C578
≈ Valley View
Tétradique +90° +180° +270°
- 9EBBFE
Pastel Blue
- F1A1BE
≈ Prism Pink
- D9B86E
≈ Harpswell Green
- 6ED2BA
≈ Downy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 36
Ag
AAASur noir
WCAG 10.99:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--pastel-blue: #9ebbfe;
--pastel-blue-rgb: 158 187 254;
--pastel-blue-oklch: oklch(0.796 0.101 266.1);
}
.element {
color: var(--pastel-blue);
background-color: hsl(222 98% 81%);
border-color: oklch(0.796 0.101 266.1);
}Tailwind CSS v4
@theme {
--color-pastel-blue: #9ebbfe;
--color-pastel-blue-50: #e9f5ff;
--color-pastel-blue-100: #d9e7ff;
--color-pastel-blue-200: #c2d3ff;
--color-pastel-blue-300: #a1b6ec;
--color-pastel-blue-400: #839ddb;
--color-pastel-blue-500: #6784c9;
--color-pastel-blue-600: #5770aa;
--color-pastel-blue-700: #455988;
--color-pastel-blue-800: #304265;
--color-pastel-blue-900: #212d47;
--color-pastel-blue-950: #101a2e;
}SCSS
$pastel-blue: #9ebbfe;
$pastel-blue-rgb: 158, 187, 254;
$pastel-blue-light: mix(#fff, $pastel-blue, 20%);
$pastel-blue-dark: mix(#000, $pastel-blue, 20%);
.element {
color: $pastel-blue;
box-shadow: 0 0 0 2px rgba($pastel-blue, 0.35);
}