En yakın adlandırılmış renk · #9EBBFE
#9EBBFE
En yakın adlandırılmış renk: Pastel Blue
#9EBBFE (rgb(158 187 254), hsl(222 98% 81%), oklch(0.796 0.101 266.1)) en çok Pastel Blue adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9EBBFE
oklch(0.796 0.101 266.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A7C2FF
- B1C9FF
- BAD0FF
- C4D7FF
- CEDDFF
- D7E4FF
- E1EBFF
- EBF2FF
- F5F8FF
Koyu tonlar
- 89A2DD
- 748ABD
- 60739E
- 4D5C80
- 3A4663
- 293247
- 181F2D
- 090D16
- 010203
Gri tonlar
- 9BB5F1
- 98AFE4
- 95A9D7
- 92A3CB
- 8F9EBE
- 8C98B1
- 8992A5
- 868C99
- 83868C
Renk uyumları
Tamamlayıcı +180°
- 9EBBFE
Pastel Blue
- D9B86E
≈ Harpswell Green
Analog -30° +30°
- 9EBBFE
Pastel Blue
- 79C7F5
≈ Nevermind Nirvana
- C2AFF6
≈ Purple Sand
Üçlü +120° +240°
- 9EBBFE
Pastel Blue
- F7A39A
≈ Candlelight Peach
- 91CE95
≈ Fennel
Bölünmüş tamamlayıcı +150° +210°
- 9EBBFE
Pastel Blue
- EFAB7C
≈ Hazelnut Milk
- B9C578
≈ Valley View
Dörtlü +90° +180° +270°
- 9EBBFE
Pastel Blue
- F1A1BE
≈ Prism Pink
- D9B86E
≈ Harpswell Green
- 6ED2BA
≈ Downy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.91:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 10.99:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
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);
}