En yakın adlandırılmış renk · #C688E2
#C688E2
En yakın adlandırılmış renk: Dream Vapour
#C688E2 (rgb(198 136 226), hsl(281 61% 71%), oklch(0.721 0.142 314.8)) en çok Dream Vapour 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.
#C688E2
oklch(0.721 0.142 314.8)
Renk dönüşümleri
- HEX
- #c688e2
- RGB
- rgb(198 136 226)
- HSL
- hsl(281 61% 71%)
- HWB
- hwb(281 53% 11%)
- OKLCH
- oklch(0.721 0.142 314.8)
- OKLab
- oklab(0.721 0.1 -0.101)
- CIE Lab
- lab(65.61 36.02 -36.59)
- LCH
- lch(65.61 51.35 314.5)
- CMYK
- cmyk(12% 40% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CC94E5
- D2A0E9
- D8ACEC
- DDB8EF
- E3C4F2
- E9D0F5
- EEDBF8
- F4E7FA
- F9F3FD
Koyu tonlar
- AC75C4
- 9263A8
- 7A528C
- 624171
- 4B3157
- 35223E
- 211327
- 0E0612
- 020103
Gri tonlar
- BF88D8
- B887CE
- B187C4
- AA86BB
- A386B1
- 9C85A7
- 95849D
- 8E8394
- 87818A
Renk uyumları
Tamamlayıcı +180°
- C688E2
Dream Vapour
- 7DB859
≈ Night Vision
Analog -30° +30°
- C688E2
Dream Vapour
- 9C97FA
≈ Cobalite
- E27EBA
≈ Fuchsia Blush
Üçlü +120° +240°
- C688E2
Dream Vapour
- D89625
≈ Bonfire Glow
- 00BCBC
≈ Jade Gravel
Bölünmüş tamamlayıcı +150° +210°
- C688E2
Dream Vapour
- B3A926
≈ Earls Green
- 2AC08E
≈ Blarney
Dörtlü +90° +180° +270°
- C688E2
Dream Vapour
- ED8555
≈ Gravlax
- 7DB859
≈ Night Vision
- 00B6E5
≈ Cyanite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.61:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.02:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.02:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--dream-vapour: #c688e2;
--dream-vapour-rgb: 198 136 226;
--dream-vapour-oklch: oklch(0.721 0.142 314.8);
}
.element {
color: var(--dream-vapour);
background-color: hsl(281 61% 71%);
border-color: oklch(0.721 0.142 314.8);
}Tailwind CSS v4
@theme {
--color-dream-vapour: #c688e2;
--color-dream-vapour-50: #ffe9ff;
--color-dream-vapour-100: #fbdaff;
--color-dream-vapour-200: #edc2fd;
--color-dream-vapour-300: #d5a0e8;
--color-dream-vapour-400: #be83d8;
--color-dream-vapour-500: #a965c6;
--color-dream-vapour-600: #8e56a7;
--color-dream-vapour-700: #724586;
--color-dream-vapour-800: #533265;
--color-dream-vapour-900: #3a2247;
--color-dream-vapour-950: #24112e;
}SCSS
$dream-vapour: #c688e2;
$dream-vapour-rgb: 198, 136, 226;
$dream-vapour-light: mix(#fff, $dream-vapour, 20%);
$dream-vapour-dark: mix(#000, $dream-vapour, 20%);
.element {
color: $dream-vapour;
box-shadow: 0 0 0 2px rgba($dream-vapour, 0.35);
}