En yakın adlandırılmış renk · #BBC0EA
#BBC0EA
En yakın adlandırılmış renk: Stardust Evening
#BBC0EA (rgb(187 192 234), hsl(234 53% 83%), oklch(0.818 0.059 279.7)) en çok Stardust Evening 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.
#BBC0EA
oklch(0.818 0.059 279.7)
Renk dönüşümleri
- HEX
- #bbc0ea
- RGB
- rgb(187 192 234)
- HSL
- hsl(234 53% 83%)
- HWB
- hwb(234 73% 8%)
- OKLCH
- oklch(0.818 0.059 279.7)
- OKLab
- oklab(0.818 0.01 -0.058)
- CIE Lab
- lab(78.36 4.73 -21.6)
- LCH
- lch(78.36 22.12 282.4)
- CMYK
- cmyk(20% 18% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2C6EC
- C8CCEF
- CFD3F1
- D6D9F3
- DCDFF5
- E3E6F7
- EAECF9
- F1F2FB
- F8F9FD
Koyu tonlar
- A2A7CB
- 8A8EAE
- 737691
- 5C5F75
- 46495A
- 323441
- 1F2029
- 0D0E13
- 020203
Gri tonlar
- B5B9DF
- AFB3D4
- A9ACC9
- A3A6BF
- 9DA0B4
- 9799A9
- 91939F
- 8B8D94
- 86868A
Renk uyumları
Tamamlayıcı +180°
- BBC0EA
Stardust Evening
- CCC599
≈ Archisa
Analog -30° +30°
- BBC0EA
Stardust Evening
- A7C7E9
≈ Island Light
- CFB9E1
≈ Drifting Dream
Üçlü +120° +240°
- BBC0EA
Stardust Evening
- E6B7A7
≈ Fall Leaf
- A3D0B6
≈ Feather Green
Bölünmüş tamamlayıcı +150° +210°
- BBC0EA
Stardust Evening
- DDBD9A
≈ Cane Sugar Glaze
- B7CCA3
≈ Gleam
Dörtlü +90° +180° +270°
- BBC0EA
Stardust Evening
- E7B4BB
≈ Roseate Hues
- CCC599
≈ Archisa
- 97D0CC
≈ Clear Cove
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.84:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--stardust-evening: #bbc0ea;
--stardust-evening-rgb: 187 192 234;
--stardust-evening-oklch: oklch(0.818 0.059 279.7);
}
.element {
color: var(--stardust-evening);
background-color: hsl(234 53% 83%);
border-color: oklch(0.818 0.059 279.7);
}Tailwind CSS v4
@theme {
--color-stardust-evening: #bbc0ea;
--color-stardust-evening-50: #f2f4ff;
--color-stardust-evening-100: #e4e6fc;
--color-stardust-evening-200: #cfd2ee;
--color-stardust-evening-300: #b2b4d6;
--color-stardust-evening-400: #979bc2;
--color-stardust-evening-500: #7e82ad;
--color-stardust-evening-600: #6a6e92;
--color-stardust-evening-700: #555875;
--color-stardust-evening-800: #3d4157;
--color-stardust-evening-900: #2a2d3d;
--color-stardust-evening-950: #181a26;
}SCSS
$stardust-evening: #bbc0ea;
$stardust-evening-rgb: 187, 192, 234;
$stardust-evening-light: mix(#fff, $stardust-evening, 20%);
$stardust-evening-dark: mix(#000, $stardust-evening, 20%);
.element {
color: $stardust-evening;
box-shadow: 0 0 0 2px rgba($stardust-evening, 0.35);
}