Nazwany kolor · #CAD0BF
Terrace View
Terrace View to #CAD0BF: rgb(202 208 191), hsl(81 15% 78%), oklch(0.848 0.024 122.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Terrace View color name →
#CAD0BF
oklch(0.848 0.024 122.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFD5C5
- D4D9CC
- DADED2
- DFE3D8
- E4E7DF
- EAECE5
- EFF1EC
- F4F5F2
- FAFAF8
Odcienie ciemniejsze
- AFB5A6
- 959A8D
- 7C8075
- 64675E
- 4D4F48
- 373933
- 22231F
- 0F100D
- 020202
Tony
- C2C8B9
- BBBFB2
- B3B7AC
- ACAFA5
- A4A79F
- 9D9F99
- 969792
- 8E8F8C
- 878886
Harmonie kolorów
Komplementarna +180°
- CAD0BF
Terrace View
- D0CADB
≈ Diaphanous
Analogowa -30° +30°
- CAD0BF
Terrace View
- D2CDBC
≈ Bay Salt
- C2D2C6
≈ Frosted Jade
Triada +120° +240°
- CAD0BF
Terrace View
- C0CFDC
≈ Magical
- DCC7CC
≈ Kellie Belle
Komplementarna rozszczepiona +150° +210°
- CAD0BF
Terrace View
- C8CDDD
≈ Lilac Bisque
- D7C8D4
≈ Eternal Moonrise
Tetrada +90° +180° +270°
- CAD0BF
Terrace View
- BCD2D6
≈ Windy
- D0CADB
≈ Diaphanous
- DCC8C3
≈ Pink Chantilly
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.28:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}