Adlandırılmış renk · #CAD0BF
Terrace View
Terrace View, #CAD0BF: rgb(202 208 191), hsl(81 15% 78%), oklch(0.848 0.024 122.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? → · Terrace View color name →
#CAD0BF
oklch(0.848 0.024 122.8)
Renk dönüşümleri
- HEX
- #cad0bf
- RGB
- rgb(202 208 191)
- HSL
- hsl(81 15% 78%)
- HWB
- hwb(81 75% 18%)
- OKLCH
- oklch(0.848 0.024 122.8)
- OKLab
- oklab(0.848 -0.013 0.02)
- CIE Lab
- lab(82.66 -4.39 7.73)
- LCH
- lch(82.66 8.89 119.6)
- CMYK
- cmyk(3% 0% 8% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFD5C5
- D4D9CC
- DADED2
- DFE3D8
- E4E7DF
- EAECE5
- EFF1EC
- F4F5F2
- FAFAF8
Koyu tonlar
- AFB5A6
- 959A8D
- 7C8075
- 64675E
- 4D4F48
- 373933
- 22231F
- 0F100D
- 020202
Gri tonlar
- C2C8B9
- BBBFB2
- B3B7AC
- ACAFA5
- A4A79F
- 9D9F99
- 969792
- 8E8F8C
- 878886
Renk uyumları
Tamamlayıcı +180°
- CAD0BF
Terrace View
- D0CADB
≈ Diaphanous
Analog -30° +30°
- CAD0BF
Terrace View
- D2CDBC
≈ Bay Salt
- C2D2C6
≈ Frosted Jade
Üçlü +120° +240°
- CAD0BF
Terrace View
- C0CFDC
≈ Magical
- DCC7CC
≈ Kellie Belle
Bölünmüş tamamlayıcı +150° +210°
- CAD0BF
Terrace View
- C8CDDD
≈ Lilac Bisque
- D7C8D4
≈ Eternal Moonrise
Dörtlü +90° +180° +270°
- CAD0BF
Terrace View
- BCD2D6
≈ Windy
- D0CADB
≈ Diaphanous
- DCC8C3
≈ Pink Chantilly
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.28:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--terrace-view: #cad0bf;
--terrace-view-rgb: 202 208 191;
--terrace-view-oklch: oklch(0.848 0.024 122.8);
}
.element {
color: var(--terrace-view);
background-color: hsl(81 15% 78%);
border-color: oklch(0.848 0.024 122.8);
}Tailwind CSS v4
@theme {
--color-terrace-view: #cad0bf;
--color-terrace-view-50: #f3f6ef;
--color-terrace-view-100: #e6e9e1;
--color-terrace-view-200: #d2d6cb;
--color-terrace-view-300: #b4baad;
--color-terrace-view-400: #9ca192;
--color-terrace-view-500: #838978;
--color-terrace-view-600: #6f7465;
--color-terrace-view-700: #595d51;
--color-terrace-view-800: #41443b;
--color-terrace-view-900: #2d2f28;
--color-terrace-view-950: #1a1b16;
}SCSS
$terrace-view: #cad0bf;
$terrace-view-rgb: 202, 208, 191;
$terrace-view-light: mix(#fff, $terrace-view, 20%);
$terrace-view-dark: mix(#000, $terrace-view, 20%);
.element {
color: $terrace-view;
box-shadow: 0 0 0 2px rgba($terrace-view, 0.35);
}