Adlandırılmış renk · #D1DFEB
Happy Thoughts
Happy Thoughts, #D1DFEB: rgb(209 223 235), hsl(208 39% 87%), oklch(0.897 0.022 243.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Happy Thoughts color name →
#D1DFEB
oklch(0.897 0.022 243.8)
Renk dönüşümleri
- HEX
- #d1dfeb
- RGB
- rgb(209 223 235)
- HSL
- hsl(208 39% 87%)
- HWB
- hwb(208 82% 8%)
- OKLCH
- oklch(0.897 0.022 243.8)
- OKLab
- oklab(0.897 -0.01 -0.02)
- CIE Lab
- lab(88.03 -3.11 -7.58)
- LCH
- lch(88.03 8.19 247.7)
- CMYK
- cmyk(11% 5% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6E2ED
- DAE5EF
- DFE9F1
- E3ECF3
- E8EFF5
- ECF2F7
- F1F5F9
- F6F9FB
- FAFCFD
Koyu tonlar
- B5C2CC
- 9BA5AE
- 818A91
- 686F75
- 50565B
- 393D41
- 232729
- 101213
- 020203
Gri tonlar
- C9D5E0
- C0CBD5
- B8C2CA
- B0B8BF
- A8AEB4
- A0A5A9
- 989B9F
- 909294
- 88898A
Renk uyumları
Tamamlayıcı +180°
- D1DFEB
Happy Thoughts
- E8DACE
≈ Malted Milk
Analog -30° +30°
- D1DFEB
Happy Thoughts
- CDE1E6
≈ Cool Sky
- D8DCEC
≈ Weeping Wisteria
Üçlü +120° +240°
- D1DFEB
Happy Thoughts
- EBD7DB
≈ Berry Taffy
- DAE0D0
≈ Light Ligado
Bölünmüş tamamlayıcı +150° +210°
- D1DFEB
Happy Thoughts
- EBD8D3
≈ Peach Glamour
- E2DDCD
≈ Cappuccino Cosmico
Dörtlü +90° +180° +270°
- D1DFEB
Happy Thoughts
- E7D8E3
≈ Rajah Rose
- E8DACE
≈ Malted Milk
- D2E2D6
≈ Minty Delight
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.46:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--happy-thoughts: #d1dfeb;
--happy-thoughts-rgb: 209 223 235;
--happy-thoughts-oklch: oklch(0.897 0.022 243.8);
}
.element {
color: var(--happy-thoughts);
background-color: hsl(208 39% 87%);
border-color: oklch(0.897 0.022 243.8);
}Tailwind CSS v4
@theme {
--color-happy-thoughts: #d1dfeb;
--color-happy-thoughts-50: #f0f6fb;
--color-happy-thoughts-100: #e2e9ef;
--color-happy-thoughts-200: #cdd5dd;
--color-happy-thoughts-300: #aeb9c2;
--color-happy-thoughts-400: #94a0ab;
--color-happy-thoughts-500: #7a8894;
--color-happy-thoughts-600: #67737d;
--color-happy-thoughts-700: #535c64;
--color-happy-thoughts-800: #3c434a;
--color-happy-thoughts-900: #292f33;
--color-happy-thoughts-950: #171b1f;
}SCSS
$happy-thoughts: #d1dfeb;
$happy-thoughts-rgb: 209, 223, 235;
$happy-thoughts-light: mix(#fff, $happy-thoughts, 20%);
$happy-thoughts-dark: mix(#000, $happy-thoughts, 20%);
.element {
color: $happy-thoughts;
box-shadow: 0 0 0 2px rgba($happy-thoughts, 0.35);
}