Adlandırılmış renk · #CED0D9
Naturally Calm
Naturally Calm, #CED0D9: rgb(206 208 217), hsl(229 13% 83%), oklch(0.859 0.013 276.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Naturally Calm color name →
#CED0D9
oklch(0.859 0.013 276.1)
Renk dönüşümleri
- HEX
- #ced0d9
- RGB
- rgb(206 208 217)
- HSL
- hsl(229 13% 83%)
- HWB
- hwb(229 81% 15%)
- OKLCH
- oklch(0.859 0.013 276.1)
- OKLab
- oklab(0.859 0.001 -0.012)
- CIE Lab
- lab(83.52 0.55 -4.72)
- LCH
- lch(83.52 4.75 276.6)
- CMYK
- cmyk(5% 4% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3D5DD
- D8D9E1
- DCDEE4
- E1E3E8
- E6E7EC
- EBECF0
- F0F1F4
- F5F5F7
- FAFAFB
Koyu tonlar
- B3B5BC
- 989AA1
- 7F8086
- 66676C
- 4E4F53
- 38393B
- 232325
- 0F1011
- 020202
Gri tonlar
- C6C8D0
- BEBFC7
- B6B7BD
- AEAFB4
- A6A7AB
- 9E9FA3
- 97979A
- 8F8F91
- 878889
Renk uyumları
Tamamlayıcı +180°
- CED0D9
Naturally Calm
- D3D1C8
≈ Power Lunch
Analog -30° +30°
- CED0D9
Naturally Calm
- CAD2D8
≈ Fairfax Grey
- D2CFD7
≈ Jam Session
Üçlü +120° +240°
- CED0D9
Naturally Calm
- D8CECB
≈ Smells of Fresh Bread
- CAD3CD
≈ Blue Flower
Bölünmüş tamamlayıcı +150° +210°
- CED0D9
Naturally Calm
- D6CFC8
≈ Mink Frost
- CED2C9
≈ Fundy Bay
Dörtlü +90° +180° +270°
- CED0D9
Naturally Calm
- D8CDCF
≈ Light Mosque
- D3D1C8
≈ Power Lunch
- C8D3D2
≈ Sky Splash
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.64:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.64:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--naturally-calm: #ced0d9;
--naturally-calm-rgb: 206 208 217;
--naturally-calm-oklch: oklch(0.859 0.013 276.1);
}
.element {
color: var(--naturally-calm);
background-color: hsl(229 13% 83%);
border-color: oklch(0.859 0.013 276.1);
}Tailwind CSS v4
@theme {
--color-naturally-calm: #ced0d9;
--color-naturally-calm-50: #f4f5f9;
--color-naturally-calm-100: #e7e7ec;
--color-naturally-calm-200: #d3d4da;
--color-naturally-calm-300: #b6b7be;
--color-naturally-calm-400: #9c9ea6;
--color-naturally-calm-500: #84868f;
--color-naturally-calm-600: #6f7179;
--color-naturally-calm-700: #595a61;
--color-naturally-calm-800: #414247;
--color-naturally-calm-900: #2d2e31;
--color-naturally-calm-950: #1a1a1d;
}SCSS
$naturally-calm: #ced0d9;
$naturally-calm-rgb: 206, 208, 217;
$naturally-calm-light: mix(#fff, $naturally-calm, 20%);
$naturally-calm-dark: mix(#000, $naturally-calm, 20%);
.element {
color: $naturally-calm;
box-shadow: 0 0 0 2px rgba($naturally-calm, 0.35);
}