En yakın adlandırılmış renk · #DECBE6
#DECBE6
En yakın adlandırılmış renk: Decadial Pink
#DECBE6 (rgb(222 203 230), hsl(282 35% 85%), oklch(0.866 0.042 316)) en çok Decadial Pink 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.
#DECBE6
oklch(0.866 0.042 316)
Renk dönüşümleri
- HEX
- #decbe6
- RGB
- rgb(222 203 230)
- HSL
- hsl(282 35% 85%)
- HWB
- hwb(282 80% 10%)
- OKLCH
- oklch(0.866 0.042 316)
- OKLab
- oklab(0.866 0.03 -0.029)
- CIE Lab
- lab(83.89 10.45 -10.88)
- LCH
- lch(83.89 15.09 313.9)
- CMYK
- cmyk(3% 12% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1D0E9
- E5D5EB
- E8DAEE
- EBE0F0
- EEE5F3
- F2EAF5
- F5EFF8
- F8F4FA
- FCFAFD
Koyu tonlar
- C1B0C8
- A596AB
- 897D8E
- 6F6573
- 554D59
- 3D3740
- 262228
- 120F13
- 020203
Gri tonlar
- D4C3DB
- CABCD1
- C1B4C6
- B7ACBC
- AEA5B2
- A59DA8
- 9B969E
- 928F94
- 89878A
Renk uyumları
Tamamlayıcı +180°
- DECBE6
Decadial Pink
- C7DABF
≈ Crocodile Dreams
Analog -30° +30°
- DECBE6
Decadial Pink
- D0CFEE
≈ Frozen Periwinkle
- E9C8D9
≈ Merry Pink
Üçlü +120° +240°
- DECBE6
Decadial Pink
- E3D0B5
≈ Lovely Bluff
- B4DCDC
≈ Blue Glass
Bölünmüş tamamlayıcı +150° +210°
- DECBE6
Decadial Pink
- D6D5B6
≈ Chinese Silk
- BADCCD
≈ Mirador
Dörtlü +90° +180° +270°
- DECBE6
Decadial Pink
- ECCBBC
≈ Babyccino
- C7DABF
≈ Crocodile Dreams
- B7D9E8
≈ Watercolour Sky
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.79:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--decadial-pink: #decbe6;
--decadial-pink-rgb: 222 203 230;
--decadial-pink-oklch: oklch(0.866 0.042 316);
}
.element {
color: var(--decadial-pink);
background-color: hsl(282 35% 85%);
border-color: oklch(0.866 0.042 316);
}Tailwind CSS v4
@theme {
--color-decadial-pink: #decbe6;
--color-decadial-pink-50: #faf2fd;
--color-decadial-pink-100: #eee4f1;
--color-decadial-pink-200: #dccfe0;
--color-decadial-pink-300: #c1b1c6;
--color-decadial-pink-400: #a897b0;
--color-decadial-pink-500: #917e99;
--color-decadial-pink-600: #7b6b82;
--color-decadial-pink-700: #625568;
--color-decadial-pink-800: #483e4d;
--color-decadial-pink-900: #322b35;
--color-decadial-pink-950: #1e1820;
}SCSS
$decadial-pink: #decbe6;
$decadial-pink-rgb: 222, 203, 230;
$decadial-pink-light: mix(#fff, $decadial-pink, 20%);
$decadial-pink-dark: mix(#000, $decadial-pink, 20%);
.element {
color: $decadial-pink;
box-shadow: 0 0 0 2px rgba($decadial-pink, 0.35);
}