Adlandırılmış renk · #CED0DB
Simplicity
Simplicity, #CED0DB: rgb(206 208 219), hsl(231 15% 83%), oklch(0.859 0.015 277.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? → · Simplicity color name →
#CED0DB
oklch(0.859 0.015 277.8)
Renk dönüşümleri
- HEX
- #ced0db
- RGB
- rgb(206 208 219)
- HSL
- hsl(231 15% 83%)
- HWB
- hwb(231 81% 14%)
- OKLCH
- oklch(0.859 0.015 277.8)
- OKLab
- oklab(0.859 0.002 -0.015)
- CIE Lab
- lab(83.57 0.84 -5.71)
- LCH
- lch(83.57 5.77 278.3)
- CMYK
- cmyk(6% 5% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3D5DF
- D8D9E2
- DCDEE6
- E1E3E9
- E6E7ED
- EBECF1
- F0F1F4
- F5F5F8
- FAFAFB
Koyu tonlar
- B3B5BE
- 989AA2
- 7F8087
- 66676D
- 4E4F54
- 38393C
- 232326
- 0F1011
- 020202
Gri tonlar
- C6C8D2
- BEBFC8
- B6B7BF
- AEAFB6
- A6A7AC
- 9E9FA3
- 97979A
- 8F8F91
- 878889
Renk uyumları
Tamamlayıcı +180°
- CED0DB
Simplicity
- D3D1C6
≈ Power Lunch
Analog -30° +30°
- CED0DB
Simplicity
- C9D2DB
≈ Light Stargate
- D3CED9
≈ Jam Session
Üçlü +120° +240°
- CED0DB
Simplicity
- DACECA
≈ Brook Trout
- C9D4CD
≈ Touch of Spring
Bölünmüş tamamlayıcı +150° +210°
- CED0DB
Simplicity
- D8CFC6
≈ Mink Frost
- CED3C8
≈ Quiet Mint
Dörtlü +90° +180° +270°
- CED0DB
Simplicity
- DACDCF
≈ Shinkansen White
- D3D1C6
≈ Power Lunch
- C6D4D2
≈ Sky Splash
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.66:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--simplicity: #ced0db;
--simplicity-rgb: 206 208 219;
--simplicity-oklch: oklch(0.859 0.015 277.8);
}
.element {
color: var(--simplicity);
background-color: hsl(231 15% 83%);
border-color: oklch(0.859 0.015 277.8);
}Tailwind CSS v4
@theme {
--color-simplicity: #ced0db;
--color-simplicity-50: #f4f5fa;
--color-simplicity-100: #e7e7ed;
--color-simplicity-200: #d3d4db;
--color-simplicity-300: #b5b7bf;
--color-simplicity-400: #9c9ea8;
--color-simplicity-500: #838591;
--color-simplicity-600: #6f717a;
--color-simplicity-700: #595a62;
--color-simplicity-800: #414248;
--color-simplicity-900: #2d2e32;
--color-simplicity-950: #1a1a1e;
}SCSS
$simplicity: #ced0db;
$simplicity-rgb: 206, 208, 219;
$simplicity-light: mix(#fff, $simplicity, 20%);
$simplicity-dark: mix(#000, $simplicity, 20%);
.element {
color: $simplicity;
box-shadow: 0 0 0 2px rgba($simplicity, 0.35);
}