En yakın adlandırılmış renk · #DEEBDF
#DEEBDF
En yakın adlandırılmış renk: Pastel Smirk
#DEEBDF (rgb(222 235 223), hsl(125 25% 90%), oklch(0.927 0.021 147.6)) en çok Pastel Smirk 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.
#DEEBDF
oklch(0.927 0.021 147.6)
Renk dönüşümleri
- HEX
- #deebdf
- RGB
- rgb(222 235 223)
- HSL
- hsl(125 25% 90%)
- HWB
- hwb(125 87% 8%)
- OKLCH
- oklch(0.927 0.021 147.6)
- OKLab
- oklab(0.927 -0.018 0.011)
- CIE Lab
- lab(91.81 -6.1 4.27)
- LCH
- lch(91.81 7.45 145)
- CMYK
- cmyk(6% 0% 5% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1EDE2
- E5EFE5
- E8F1E9
- EBF3EC
- EEF5EF
- F2F7F2
- F5F9F5
- F8FBF9
- FCFDFC
Koyu tonlar
- C1CCC2
- A5AEA5
- 89918A
- 6F756F
- 555B56
- 3D413D
- 262927
- 121312
- 020302
Gri tonlar
- D4E0D5
- CAD5CB
- C1CAC2
- B7BFB8
- AEB4AE
- A4A9A5
- 9B9F9B
- 929492
- 898A89
Renk uyumları
Tamamlayıcı +180°
- DEEBDF
Pastel Smirk
- EFE2EE
≈ Faded Fuchsia
Analog -30° +30°
- DEEBDF
Pastel Smirk
- E5E9D9
≈ Shy Green
- D9ECE7
≈ Reduced Turquoise
Üçlü +120° +240°
- DEEBDF
Pastel Smirk
- E1E7F6
≈ Crystal Falls
- F5E2DF
≈ Floral Linen
Bölünmüş tamamlayıcı +150° +210°
- DEEBDF
Pastel Smirk
- E8E4F4
≈ Modest Violet
- F4E1E7
≈ Pink Amour
Dörtlü +90° +180° +270°
- DEEBDF
Pastel Smirk
- DAE9F4
≈ Azureish White
- EFE2EE
≈ Faded Fuchsia
- F2E4D9
≈ Soft Sunrise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.05:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-smirk: #deebdf;
--pastel-smirk-rgb: 222 235 223;
--pastel-smirk-oklch: oklch(0.927 0.021 147.6);
}
.element {
color: var(--pastel-smirk);
background-color: hsl(125 25% 90%);
border-color: oklch(0.927 0.021 147.6);
}Tailwind CSS v4
@theme {
--color-pastel-smirk: #deebdf;
--color-pastel-smirk-50: #f1f7f2;
--color-pastel-smirk-100: #e3eae4;
--color-pastel-smirk-200: #ced7cf;
--color-pastel-smirk-300: #b0bbb2;
--color-pastel-smirk-400: #97a297;
--color-pastel-smirk-500: #7d8a7e;
--color-pastel-smirk-600: #6a756b;
--color-pastel-smirk-700: #555e55;
--color-pastel-smirk-800: #3e443e;
--color-pastel-smirk-900: #2b2f2b;
--color-pastel-smirk-950: #181c18;
}SCSS
$pastel-smirk: #deebdf;
$pastel-smirk-rgb: 222, 235, 223;
$pastel-smirk-light: mix(#fff, $pastel-smirk, 20%);
$pastel-smirk-dark: mix(#000, $pastel-smirk, 20%);
.element {
color: $pastel-smirk;
box-shadow: 0 0 0 2px rgba($pastel-smirk, 0.35);
}