En yakın adlandırılmış renk · #DFE8FF
#DFE8FF
En yakın adlandırılmış renk: Puffy Cloud
#DFE8FF (rgb(223 232 255), hsl(223 100% 94%), oklch(0.931 0.033 268.7)) en çok Puffy Cloud 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.
#DFE8FF
oklch(0.931 0.033 268.7)
Renk dönüşümleri
- HEX
- #dfe8ff
- RGB
- rgb(223 232 255)
- HSL
- hsl(223 100% 94%)
- HWB
- hwb(223 87% 0%)
- OKLCH
- oklch(0.931 0.033 268.7)
- OKLab
- oklab(0.931 -0.001 -0.033)
- CIE Lab
- lab(91.83 0.21 -12.26)
- LCH
- lch(91.83 12.26 271)
- CMYK
- cmyk(13% 9% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2EAFF
- E5EDFF
- E9EFFF
- ECF1FF
- EFF4FF
- F2F6FF
- F5F8FF
- F9FAFF
- FCFDFF
Koyu tonlar
- C2CADE
- A5ACBE
- 8A909E
- 6F7480
- 565963
- 3D4048
- 27292E
- 121316
- 020303
Gri tonlar
- D5DDF2
- CBD2E4
- C2C8D7
- B8BDCA
- AEB3BE
- A5A8B1
- 9B9EA4
- 929498
- 898A8C
Renk uyumları
Tamamlayıcı +180°
- DFE8FF
Puffy Cloud
- F1E8D0
≈ Natural Whisper
Analog -30° +30°
- DFE8FF
Puffy Cloud
- D5ECFC
≈ Ice Castle
- EBE4FC
≈ Lavender Mist
Üçlü +120° +240°
- DFE8FF
Puffy Cloud
- FEE1DC
≈ Red Shimmer
- DAEFDD
≈ Dewmist Delight
Bölünmüş tamamlayıcı +150° +210°
- DFE8FF
Puffy Cloud
- FAE4D3
≈ Shell Ginger
- E6ECD4
≈ Lime Meringue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.12:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.12:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--puffy-cloud: #dfe8ff;
--puffy-cloud-rgb: 223 232 255;
--puffy-cloud-oklch: oklch(0.931 0.033 268.7);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(223 100% 94%);
border-color: oklch(0.931 0.033 268.7);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #dfe8ff;
--color-puffy-cloud-50: #f1f5ff;
--color-puffy-cloud-100: #e4e8f3;
--color-puffy-cloud-200: #cfd4e3;
--color-puffy-cloud-300: #b1b7c9;
--color-puffy-cloud-400: #969eb2;
--color-puffy-cloud-500: #7d869d;
--color-puffy-cloud-600: #6a7184;
--color-puffy-cloud-700: #555b6a;
--color-puffy-cloud-800: #3d424e;
--color-puffy-cloud-900: #2a2e36;
--color-puffy-cloud-950: #181b21;
}SCSS
$puffy-cloud: #dfe8ff;
$puffy-cloud-rgb: 223, 232, 255;
$puffy-cloud-light: mix(#fff, $puffy-cloud, 20%);
$puffy-cloud-dark: mix(#000, $puffy-cloud, 20%);
.element {
color: $puffy-cloud;
box-shadow: 0 0 0 2px rgba($puffy-cloud, 0.35);
}