لون مسمّى · #C9D1EF
Frozen Periwinkle
Frozen Periwinkle هو #C9D1EF: rgb(201 209 239)، hsl(227 54% 86%)، oklch(0.864 0.042 273.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Frozen Periwinkle color name →
#C9D1EF
oklch(0.864 0.042 273.7)
تحويلات الألوان
- HEX
- #c9d1ef
- RGB
- rgb(201 209 239)
- HSL
- hsl(227 54% 86%)
- HWB
- hwb(227 79% 6%)
- OKLCH
- oklch(0.864 0.042 273.7)
- OKLab
- oklab(0.864 0.003 -0.042)
- CIE Lab
- lab(83.93 1.68 -15.8)
- LCH
- lch(83.93 15.89 276.1)
- CMYK
- cmyk(16% 13% 0% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CED6F1
- D4DAF2
- D9DFF4
- DEE3F6
- E4E8F7
- E9EDF9
- EFF1FA
- F4F6FC
- F9FAFD
درجات داكنة
- AEB5D0
- 959BB1
- 7C8194
- 646878
- 4C505C
- 363942
- 22232A
- 0F1014
- 020203
درجات رمادية
- C1C9E3
- BAC0D8
- B2B8CD
- ABB0C1
- A4A8B6
- 9CA0AB
- 9598A0
- 8E9095
- 87888B
تناسق الألوان
متمم +180°
- C9D1EF
Frozen Periwinkle
- DBD2B3
≈ Suna White
متجاور -30° +30°
- C9D1EF
Frozen Periwinkle
- BBD6ED
≈ Light Template
- D8CCEA
≈ Plum’s the Word
ثلاثي +120° +240°
- C9D1EF
Frozen Periwinkle
- EDC9C0
≈ Harmony
- BEDBC6
≈ Green Grapes
متمم منقسم +150° +210°
- C9D1EF
Frozen Periwinkle
- E7CDB6
≈ Ginseng Root
- CCD7B9
≈ Meadow Mist
رباعي +90° +180° +270°
- C9D1EF
Frozen Periwinkle
- ECC7CF
≈ Funny Face
- DBD2B3
≈ Suna White
- B4DCD5
≈ Balmy Seas
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.51:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.85:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--frozen-periwinkle: #c9d1ef;
--frozen-periwinkle-rgb: 201 209 239;
--frozen-periwinkle-oklch: oklch(0.864 0.042 273.7);
}
.element {
color: var(--frozen-periwinkle);
background-color: hsl(227 54% 86%);
border-color: oklch(0.864 0.042 273.7);
}Tailwind CSS v4
@theme {
--color-frozen-periwinkle: #c9d1ef;
--color-frozen-periwinkle-50: #f1f4ff;
--color-frozen-periwinkle-100: #e4e7f7;
--color-frozen-periwinkle-200: #cfd3e7;
--color-frozen-periwinkle-300: #b1b6ce;
--color-frozen-periwinkle-400: #969db8;
--color-frozen-periwinkle-500: #7d85a3;
--color-frozen-periwinkle-600: #6a708a;
--color-frozen-periwinkle-700: #545a6e;
--color-frozen-periwinkle-800: #3d4251;
--color-frozen-periwinkle-900: #2a2d39;
--color-frozen-periwinkle-950: #171a23;
}SCSS
$frozen-periwinkle: #c9d1ef;
$frozen-periwinkle-rgb: 201, 209, 239;
$frozen-periwinkle-light: mix(#fff, $frozen-periwinkle, 20%);
$frozen-periwinkle-dark: mix(#000, $frozen-periwinkle, 20%);
.element {
color: $frozen-periwinkle;
box-shadow: 0 0 0 2px rgba($frozen-periwinkle, 0.35);
}