En yakın adlandırılmış renk · #C6CDEB
#C6CDEB
En yakın adlandırılmış renk: Frozen Periwinkle
#C6CDEB (rgb(198 205 235), hsl(229 48% 85%), oklch(0.852 0.042 275.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.
#C6CDEB
oklch(0.852 0.042 275.1)
Renk dönüşümleri
- HEX
- #c6cdeb
- RGB
- rgb(198 205 235)
- HSL
- hsl(229 48% 85%)
- HWB
- hwb(229 78% 8%)
- OKLCH
- oklch(0.852 0.042 275.1)
- OKLab
- oklab(0.852 0.004 -0.042)
- CIE Lab
- lab(82.58 2.02 -15.73)
- LCH
- lch(82.58 15.86 277.3)
- CMYK
- cmyk(16% 13% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCD2ED
- D1D7EF
- D7DCF1
- DCE1F3
- E2E6F5
- E8EBF7
- EEF0F9
- F3F5FB
- F9FAFD
Koyu tonlar
- ACB2CC
- 9298AE
- 7A7E91
- 626675
- 4B4E5B
- 353841
- 212329
- 0E0F13
- 020203
Gri tonlar
- BFC5E0
- B8BDD5
- B0B5CA
- A9ADBF
- A2A6B4
- 9B9EAA
- 94969F
- 8E8F95
- 87878A
Renk uyumları
Tamamlayıcı +180°
- C6CDEB
Frozen Periwinkle
- D7CFB0
≈ Pale Ivy
Analog -30° +30°
- C6CDEB
Frozen Periwinkle
- B8D2E9
≈ Modern Blue
- D5C8E5
≈ Purity
Üçlü +120° +240°
- C6CDEB
Frozen Periwinkle
- E9C5BC
≈ Iced Cherry
- BAD7C3
≈ Cool Spring
Bölünmüş tamamlayıcı +150° +210°
- C6CDEB
Frozen Periwinkle
- E3CAB2
≈ Oat Cake
- C8D4B6
≈ Willow Tree Mouse
Dörtlü +90° +180° +270°
- C6CDEB
Frozen Periwinkle
- E8C4CB
≈ Light Blush
- D7CFB0
≈ Pale Ivy
- B1D8D2
≈ Wave Top
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.33:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-periwinkle: #c6cdeb;
--frozen-periwinkle-rgb: 198 205 235;
--frozen-periwinkle-oklch: oklch(0.852 0.042 275.1);
}
.element {
color: var(--frozen-periwinkle);
background-color: hsl(229 48% 85%);
border-color: oklch(0.852 0.042 275.1);
}Tailwind CSS v4
@theme {
--color-frozen-periwinkle: #c6cdeb;
--color-frozen-periwinkle-50: #f2f4ff;
--color-frozen-periwinkle-100: #e4e7f6;
--color-frozen-periwinkle-200: #cfd3e7;
--color-frozen-periwinkle-300: #b1b6ce;
--color-frozen-periwinkle-400: #979db8;
--color-frozen-periwinkle-500: #7e84a3;
--color-frozen-periwinkle-600: #6a708a;
--color-frozen-periwinkle-700: #555a6e;
--color-frozen-periwinkle-800: #3d4251;
--color-frozen-periwinkle-900: #2a2d39;
--color-frozen-periwinkle-950: #181a23;
}SCSS
$frozen-periwinkle: #c6cdeb;
$frozen-periwinkle-rgb: 198, 205, 235;
$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);
}