Adlandırılmış renk · #D0D4CF
Calm Cool and Collected
Calm Cool and Collected, #D0D4CF: rgb(208 212 207), hsl(108 5% 82%), oklch(0.865 0.008 139.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Calm Cool and Collected color name →
#D0D4CF
oklch(0.865 0.008 139.4)
Renk dönüşümleri
- HEX
- #d0d4cf
- RGB
- rgb(208 212 207)
- HSL
- hsl(108 5% 82%)
- HWB
- hwb(108 81% 17%)
- OKLCH
- oklch(0.865 0.008 139.4)
- OKLab
- oklab(0.865 -0.006 0.005)
- CIE Lab
- lab(84.49 -2.09 1.98)
- LCH
- lch(84.49 2.88 136.6)
- CMYK
- cmyk(2% 0% 2% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5D8D4
- D9DCD8
- DEE1DD
- E3E5E2
- E7E9E7
- ECEEEC
- F1F2F0
- F5F6F5
- FAFBFA
Koyu tonlar
- B5B8B4
- 9A9D99
- 80837F
- 676967
- 4F514F
- 393A38
- 232423
- 101010
- 020202
Gri tonlar
- C8CBC7
- BFC3BF
- B7BAB7
- AFB1AF
- A7A9A7
- 9FA19F
- 979897
- 8F908F
- 888888
Renk uyumları
Tamamlayıcı +180°
- D0D4CF
Calm Cool and Collected
- D5D1D6
≈ Etude Lilac
Analog -30° +30°
- D0D4CF
Calm Cool and Collected
- D3D3CD
≈ Grey Nurse
- CED4D2
≈ Tsunami Sky
Üçlü +120° +240°
- D0D4CF
Calm Cool and Collected
- D0D3D8
≈ Blueberry Whip
- D8D1D0
≈ Balanced
Bölünmüş tamamlayıcı +150° +210°
- D0D4CF
Calm Cool and Collected
- D2D2D8
≈ Etude Lilac
- D7D1D3
≈ Beluga Song
Dörtlü +90° +180° +270°
- D0D4CF
Calm Cool and Collected
- CED4D7
≈ Veiled Spotlight
- D5D1D6
≈ Etude Lilac
- D7D1CE
≈ Santo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.00:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.00:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--calm-cool-and-collected: #d0d4cf;
--calm-cool-and-collected-rgb: 208 212 207;
--calm-cool-and-collected-oklch: oklch(0.865 0.008 139.4);
}
.element {
color: var(--calm-cool-and-collected);
background-color: hsl(108 5% 82%);
border-color: oklch(0.865 0.008 139.4);
}Tailwind CSS v4
@theme {
--color-calm-cool-and-collected: #d0d4cf;
--color-calm-cool-and-collected-50: #f4f6f3;
--color-calm-cool-and-collected-100: #e6e8e6;
--color-calm-cool-and-collected-200: #d2d5d2;
--color-calm-cool-and-collected-300: #b5b8b5;
--color-calm-cool-and-collected-400: #9ca09b;
--color-calm-cool-and-collected-500: #838782;
--color-calm-cool-and-collected-600: #6f736e;
--color-calm-cool-and-collected-700: #595c58;
--color-calm-cool-and-collected-800: #414340;
--color-calm-cool-and-collected-900: #2d2e2c;
--color-calm-cool-and-collected-950: #1a1b19;
}SCSS
$calm-cool-and-collected: #d0d4cf;
$calm-cool-and-collected-rgb: 208, 212, 207;
$calm-cool-and-collected-light: mix(#fff, $calm-cool-and-collected, 20%);
$calm-cool-and-collected-dark: mix(#000, $calm-cool-and-collected, 20%);
.element {
color: $calm-cool-and-collected;
box-shadow: 0 0 0 2px rgba($calm-cool-and-collected, 0.35);
}