Adlandırılmış renk · #B1D1FC
Ice Cold Stare
Ice Cold Stare, #B1D1FC: rgb(177 209 252), hsl(214 93% 84%), oklch(0.852 0.069 255.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Ice Cold Stare color name →
#B1D1FC
oklch(0.852 0.069 255.9)
Renk dönüşümleri
- HEX
- #b1d1fc
- RGB
- rgb(177 209 252)
- HSL
- hsl(214 93% 84%)
- HWB
- hwb(214 69% 1%)
- OKLCH
- oklch(0.852 0.069 255.9)
- OKLab
- oklab(0.852 -0.017 -0.067)
- CIE Lab
- lab(82.59 -3.72 -24.88)
- LCH
- lch(82.59 25.16 261.5)
- CMYK
- cmyk(30% 17% 0% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9D6FD
- C1DAFD
- C8DFFD
- D0E4FE
- D8E8FE
- E0EDFE
- E7F1FF
- EFF6FF
- F7FAFF
Koyu tonlar
- 99B5DB
- 839BBB
- 6C819C
- 57687E
- 425062
- 2F3947
- 1C232D
- 0C1016
- 010203
Gri tonlar
- ACC9EF
- A7C0E2
- A2B8D6
- 9DB0C9
- 99A8BD
- 94A0B0
- 8F98A4
- 8A9098
- 85888C
Renk uyumları
Tamamlayıcı +180°
- B1D1FC
Ice Cold Stare
- E9C99C
≈ Golden Talisman
Analog -30° +30°
- B1D1FC
Ice Cold Stare
- 9DD9F1
≈ Sora Blue
- CAC8FB
≈ Innocent Snowdrop
Üçlü +120° +240°
- B1D1FC
Ice Cold Stare
- F9BDBF
≈ Candy Cane
- BAD9AC
≈ Bleached Spruce
Bölünmüş tamamlayıcı +150° +210°
- B1D1FC
Ice Cold Stare
- F6C1A9
≈ Cosmetic Peach
- D4D29D
≈ Calming Effect
Dörtlü +90° +180° +270°
- B1D1FC
Ice Cold Stare
- F1BDD8
≈ Parrot Tulip
- E9C99C
≈ Golden Talisman
- A3DDC4
≈ Mountain Mint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.39:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.39:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--ice-cold-stare: #b1d1fc;
--ice-cold-stare-rgb: 177 209 252;
--ice-cold-stare-oklch: oklch(0.852 0.069 255.9);
}
.element {
color: var(--ice-cold-stare);
background-color: hsl(214 93% 84%);
border-color: oklch(0.852 0.069 255.9);
}Tailwind CSS v4
@theme {
--color-ice-cold-stare: #b1d1fc;
--color-ice-cold-stare-50: #e9f6ff;
--color-ice-cold-stare-100: #dae9ff;
--color-ice-cold-stare-200: #c2d6f2;
--color-ice-cold-stare-300: #a2b9db;
--color-ice-cold-stare-400: #84a1c8;
--color-ice-cold-stare-500: #6788b4;
--color-ice-cold-stare-600: #587398;
--color-ice-cold-stare-700: #465c7a;
--color-ice-cold-stare-800: #31445a;
--color-ice-cold-stare-900: #222f3f;
--color-ice-cold-stare-950: #111b28;
}SCSS
$ice-cold-stare: #b1d1fc;
$ice-cold-stare-rgb: 177, 209, 252;
$ice-cold-stare-light: mix(#fff, $ice-cold-stare, 20%);
$ice-cold-stare-dark: mix(#000, $ice-cold-stare, 20%);
.element {
color: $ice-cold-stare;
box-shadow: 0 0 0 2px rgba($ice-cold-stare, 0.35);
}