Adlandırılmış renk · #9999CC
Bluebell Frost
Bluebell Frost, #9999CC: rgb(153 153 204), hsl(240 33% 70%), oklch(0.702 0.074 284.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Bluebell Frost color name →
#9999CC
oklch(0.702 0.074 284.3)
Renk dönüşümleri
- HEX
- #9999cc
- RGB
- rgb(153 153 204)
- HSL
- hsl(240 33% 70%)
- HWB
- hwb(240 60% 20%)
- OKLCH
- oklch(0.702 0.074 284.3)
- OKLab
- oklab(0.702 0.018 -0.072)
- CIE Lab
- lab(64.63 8.43 -26.37)
- LCH
- lch(64.63 27.68 287.7)
- CMYK
- cmyk(25% 25% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3A3D1
- ACADD7
- B6B7DC
- C0C1E1
- CBCBE6
- D5D5EB
- DFE0F0
- EAEAF5
- F4F5FA
Koyu tonlar
- 8484B1
- 707097
- 5D5D7E
- 4A4A65
- 38384E
- 272737
- 171722
- 08080F
- 010102
Gri tonlar
- 9697C4
- 9494BD
- 9192B5
- 8F8FAD
- 8C8DA6
- 8A8A9E
- 878897
- 85858F
- 828388
Renk uyumları
Tamamlayıcı +180°
- 9999CC
Bluebell Frost
- A6A26B
≈ Willow Leaf
Analog -30° +30°
- 9999CC
Bluebell Frost
- 7FA2CD
≈ Paula Loves Paris
- B091BF
≈ Lavender Earl
Üçlü +120° +240°
- 9999CC
Bluebell Frost
- C79079
≈ African Bubinga
- 72AE93
≈ Dusty Jade Green
Bölünmüş tamamlayıcı +150° +210°
- 9999CC
Bluebell Frost
- BB986A
≈ Golden Granola
- 8CAA7A
≈ Lush Fields
Dörtlü +90° +180° +270°
- 9999CC
Bluebell Frost
- C98C91
≈ Greyish Pink
- A6A26B
≈ Willow Leaf
- 63AEAD
≈ Fountain Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.69:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.78:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--bluebell-frost: #9999cc;
--bluebell-frost-rgb: 153 153 204;
--bluebell-frost-oklch: oklch(0.702 0.074 284.3);
}
.element {
color: var(--bluebell-frost);
background-color: hsl(240 33% 70%);
border-color: oklch(0.702 0.074 284.3);
}Tailwind CSS v4
@theme {
--color-bluebell-frost: #9999cc;
--color-bluebell-frost-50: #f3f3ff;
--color-bluebell-frost-100: #e5e5ff;
--color-bluebell-frost-200: #d1d0f3;
--color-bluebell-frost-300: #b4b2dc;
--color-bluebell-frost-400: #9999c9;
--color-bluebell-frost-500: #807fb6;
--color-bluebell-frost-600: #6c6c9a;
--color-bluebell-frost-700: #57567b;
--color-bluebell-frost-800: #3e3f5c;
--color-bluebell-frost-900: #2b2c40;
--color-bluebell-frost-950: #181929;
}SCSS
$bluebell-frost: #9999cc;
$bluebell-frost-rgb: 153, 153, 204;
$bluebell-frost-light: mix(#fff, $bluebell-frost, 20%);
$bluebell-frost-dark: mix(#000, $bluebell-frost, 20%);
.element {
color: $bluebell-frost;
box-shadow: 0 0 0 2px rgba($bluebell-frost, 0.35);
}