En yakın adlandırılmış renk · #C5D0F8
#C5D0F8
En yakın adlandırılmış renk: Frozen Periwinkle
#C5D0F8 (rgb(197 208 248), hsl(227 78% 87%), oklch(0.862 0.057 273.1)) 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.
#C5D0F8
oklch(0.862 0.057 273.1)
Renk dönüşümleri
- HEX
- #c5d0f8
- RGB
- rgb(197 208 248)
- HSL
- hsl(227 78% 87%)
- HWB
- hwb(227 77% 3%)
- OKLCH
- oklch(0.862 0.057 273.1)
- OKLab
- oklab(0.862 0.003 -0.057)
- CIE Lab
- lab(83.62 2.33 -21.06)
- LCH
- lch(83.62 21.19 276.3)
- CMYK
- cmyk(21% 16% 0% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBD5F9
- D0D9FA
- D6DEFA
- DCE3FB
- E2E7FC
- E7ECFD
- EDF1FD
- F3F6FE
- F9FAFE
Koyu tonlar
- ABB5D8
- 929AB8
- 79809A
- 61677C
- 4B4F60
- 353945
- 21232C
- 0E1015
- 020203
Gri tonlar
- BEC8EB
- B7C0DF
- B0B7D3
- A9AFC7
- A2A7BB
- 9B9FAF
- 9497A3
- 8D9097
- 87888B
Renk uyumları
Tamamlayıcı +180°
- C5D0F8
Frozen Periwinkle
- DED2A8
≈ Bleached Wheat
Analog -30° +30°
- C5D0F8
Frozen Periwinkle
- B2D7F5
≈ Blue Rice
- D9C9F1
≈ Foggy Love
Üçlü +120° +240°
- C5D0F8
Frozen Periwinkle
- F5C5BA
≈ Serene Pink
- B6DDC0
≈ Ice Mist
Bölünmüş tamamlayıcı +150° +210°
- C5D0F8
Frozen Periwinkle
- EDCAAC
≈ Caramel Ice
- CAD8B0
≈ Chinese Leaf
Dörtlü +90° +180° +270°
- C5D0F8
Frozen Periwinkle
- F3C3CE
≈ In the Pink
- DED2A8
≈ Bleached Wheat
- A9DFD5
≈ Jaded Clouds
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.75:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-periwinkle: #c5d0f8;
--frozen-periwinkle-rgb: 197 208 248;
--frozen-periwinkle-oklch: oklch(0.862 0.057 273.1);
}
.element {
color: var(--frozen-periwinkle);
background-color: hsl(227 78% 87%);
border-color: oklch(0.862 0.057 273.1);
}Tailwind CSS v4
@theme {
--color-frozen-periwinkle: #c5d0f8;
--color-frozen-periwinkle-50: #f0f4ff;
--color-frozen-periwinkle-100: #e2e7fc;
--color-frozen-periwinkle-200: #cdd3ed;
--color-frozen-periwinkle-300: #aeb6d5;
--color-frozen-periwinkle-400: #939dc1;
--color-frozen-periwinkle-500: #7984ac;
--color-frozen-periwinkle-600: #677092;
--color-frozen-periwinkle-700: #525975;
--color-frozen-periwinkle-800: #3b4156;
--color-frozen-periwinkle-900: #282d3c;
--color-frozen-periwinkle-950: #161a26;
}SCSS
$frozen-periwinkle: #c5d0f8;
$frozen-periwinkle-rgb: 197, 208, 248;
$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);
}