En yakın adlandırılmış renk · #C9D0ED
#C9D0ED
En yakın adlandırılmış renk: Frozen Periwinkle
#C9D0ED (rgb(201 208 237), hsl(228 50% 86%), oklch(0.861 0.041 274.8)) en çok Frozen Periwinkle 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.
#C9D0ED
oklch(0.861 0.041 274.8)
Renk dönüşümleri
- HEX
- #c9d0ed
- RGB
- rgb(201 208 237)
- HSL
- hsl(228 50% 86%)
- HWB
- hwb(228 79% 7%)
- OKLCH
- oklch(0.861 0.041 274.8)
- OKLab
- oklab(0.861 0.003 -0.041)
- CIE Lab
- lab(83.62 1.85 -15.2)
- LCH
- lch(83.62 15.32 277)
- CMYK
- cmyk(15% 12% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CED5EF
- D4D9F1
- D9DEF3
- DEE3F4
- E4E7F6
- E9ECF8
- EFF1FA
- F4F6FC
- F9FAFD
Koyu tonlar
- AEB5CE
- 959AB0
- 7C8093
- 646777
- 4C4F5C
- 363942
- 22232A
- 0F1014
- 020203
Gri tonlar
- C1C8E2
- BABFD6
- B2B7CB
- ABAFC0
- A4A7B5
- 9C9FAA
- 9597A0
- 8E8F95
- 87888A
Renk uyumları
Tamamlayıcı +180°
- C9D0ED
Frozen Periwinkle
- DAD2B4
≈ Suna White
Analog -30° +30°
- C9D0ED
Frozen Periwinkle
- BCD5EB
≈ Light Template
- D7CBE8
≈ Purity
Üçlü +120° +240°
- C9D0ED
Frozen Periwinkle
- EBC9C0
≈ Harmony
- BDDAC6
≈ Green Grapes
Bölünmüş tamamlayıcı +150° +210°
- C9D0ED
Frozen Periwinkle
- E5CDB6
≈ Ginseng Root
- CBD7BA
≈ Meadow Mist
Dörtlü +90° +180° +270°
- C9D0ED
Frozen Periwinkle
- EAC7CE
≈ Oh so Pretty
- DAD2B4
≈ Suna White
- B5DBD5
≈ Catch the Wave
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.72:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-periwinkle: #c9d0ed;
--frozen-periwinkle-rgb: 201 208 237;
--frozen-periwinkle-oklch: oklch(0.861 0.041 274.8);
}
.element {
color: var(--frozen-periwinkle);
background-color: hsl(228 50% 86%);
border-color: oklch(0.861 0.041 274.8);
}Tailwind CSS v4
@theme {
--color-frozen-periwinkle: #c9d0ed;
--color-frozen-periwinkle-50: #f2f4ff;
--color-frozen-periwinkle-100: #e4e7f6;
--color-frozen-periwinkle-200: #cfd3e6;
--color-frozen-periwinkle-300: #b2b6cd;
--color-frozen-periwinkle-400: #979db7;
--color-frozen-periwinkle-500: #7e85a2;
--color-frozen-periwinkle-600: #6a7089;
--color-frozen-periwinkle-700: #555a6e;
--color-frozen-periwinkle-800: #3d4251;
--color-frozen-periwinkle-900: #2a2d38;
--color-frozen-periwinkle-950: #181a23;
}SCSS
$frozen-periwinkle: #c9d0ed;
$frozen-periwinkle-rgb: 201, 208, 237;
$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);
}