En yakın adlandırılmış renk · #C5BAEE
#C5BAEE
En yakın adlandırılmış renk: Innocent Snowdrop
#C5BAEE (rgb(197 186 238), hsl(253 60% 83%), oklch(0.815 0.073 294.4)) en çok Innocent Snowdrop 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.
#C5BAEE
oklch(0.815 0.073 294.4)
Renk dönüşümleri
- HEX
- #c5baee
- RGB
- rgb(197 186 238)
- HSL
- hsl(253 60% 83%)
- HWB
- hwb(253 73% 7%)
- OKLCH
- oklch(0.815 0.073 294.4)
- OKLab
- oklab(0.815 0.03 -0.067)
- CIE Lab
- lab(77.76 11.75 -24.56)
- LCH
- lch(77.76 27.23 295.6)
- CMYK
- cmyk(17% 22% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBC1F0
- D0C8F2
- D6CFF4
- DCD5F5
- E1DCF7
- E7E3F9
- EDEAFA
- F3F1FC
- F9F8FE
Koyu tonlar
- ABA1CF
- 9289B1
- 797293
- 615C77
- 4B465C
- 353242
- 211E2A
- 0E0D14
- 020203
Gri tonlar
- BEB4E3
- B7AED7
- B0A8CC
- A9A3C1
- A29DB6
- 9B97AB
- 9491A0
- 8D8B95
- 87868B
Renk uyumları
Tamamlayıcı +180°
- C5BAEE
Innocent Snowdrop
- C1C992
≈ White Grape
Analog -30° +30°
- C5BAEE
Innocent Snowdrop
- ABC3F3
≈ Sky High
- DBB3DE
≈ Pretty Petunia
Üçlü +120° +240°
- C5BAEE
Innocent Snowdrop
- E9B796
≈ Gentle Doe
- 90D3BF
≈ Pop Shop
Bölünmüş tamamlayıcı +150° +210°
- C5BAEE
Innocent Snowdrop
- D9BF8C
≈ Honey Tea
- A6D0A5
≈ Garden Room
Dörtlü +90° +180° +270°
- C5BAEE
Innocent Snowdrop
- EFB1AB
≈ Lusty Salmon
- C1C992
≈ White Grape
- 88D1D9
≈ Sky Watch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.80:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.63:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--innocent-snowdrop: #c5baee;
--innocent-snowdrop-rgb: 197 186 238;
--innocent-snowdrop-oklch: oklch(0.815 0.073 294.4);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(253 60% 83%);
border-color: oklch(0.815 0.073 294.4);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #c5baee;
--color-innocent-snowdrop-50: #f7f1ff;
--color-innocent-snowdrop-100: #eae3fe;
--color-innocent-snowdrop-200: #d7cef1;
--color-innocent-snowdrop-300: #bab0d9;
--color-innocent-snowdrop-400: #a196c6;
--color-innocent-snowdrop-500: #897db2;
--color-innocent-snowdrop-600: #746a96;
--color-innocent-snowdrop-700: #5d5479;
--color-innocent-snowdrop-800: #433e5a;
--color-innocent-snowdrop-900: #2e2a3f;
--color-innocent-snowdrop-950: #1b1828;
}SCSS
$innocent-snowdrop: #c5baee;
$innocent-snowdrop-rgb: 197, 186, 238;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}