Nazwany kolor · #C4CEBF
Gentle Calm
Gentle Calm to #C4CEBF: rgb(196 206 191), hsl(100 13% 78%), oklch(0.839 0.023 135). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Gentle Calm color name →
#C4CEBF
oklch(0.839 0.023 135)
Konwersje koloru
- HEX
- #c4cebf
- RGB
- rgb(196 206 191)
- HSL
- hsl(100 13% 78%)
- HWB
- hwb(100 75% 19%)
- OKLCH
- oklch(0.839 0.023 135)
- OKLab
- oklab(0.839 -0.016 0.016)
- CIE Lab
- lab(81.67 -5.58 6.25)
- LCH
- lch(81.67 8.38 131.8)
- CMYK
- cmyk(5% 0% 7% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CAD3C5
- D0D8CC
- D5DDD2
- DBE1D8
- E1E6DF
- E7EBE5
- EDF0EB
- F3F5F2
- F9FAF8
Odcienie ciemniejsze
- AAB3A6
- 91988D
- 787F75
- 61665E
- 4A4E48
- 353833
- 21231F
- 0E0F0D
- 020202
Tony
- BDC6B9
- B6BEB2
- AFB6AC
- A8AEA5
- A1A69F
- 9B9E99
- 949792
- 8D8F8C
- 878786
Harmonie kolorów
Komplementarna +180°
- C4CEBF
Gentle Calm
- D0C6D5
≈ Moon Goddess
Analogowa -30° +30°
- C4CEBF
Gentle Calm
- CCCBBA
≈ Livingstone
- BDCFC7
≈ Soft Celadon
Triada +120° +240°
- C4CEBF
Gentle Calm
- C1CBDA
≈ Icy Brook
- D9C5C5
≈ Fairview Taupe
Komplementarna rozszczepiona +150° +210°
- C4CEBF
Gentle Calm
- C8C9D9
≈ Daybreak Beckons
- D6C5CE
≈ Odyssey Lilac
Tetrada +90° +180° +270°
- C4CEBF
Gentle Calm
- BBCED6
≈ Shhh…
- D0C6D5
≈ Moon Goddess
- D8C6BE
≈ Bella Mia
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.92:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--gentle-calm: #c4cebf;
--gentle-calm-rgb: 196 206 191;
--gentle-calm-oklch: oklch(0.839 0.023 135);
}
.element {
color: var(--gentle-calm);
background-color: hsl(100 13% 78%);
border-color: oklch(0.839 0.023 135);
}Tailwind CSS v4
@theme {
--color-gentle-calm: #c4cebf;
--color-gentle-calm-50: #f2f7f0;
--color-gentle-calm-100: #e4eae2;
--color-gentle-calm-200: #d0d7cd;
--color-gentle-calm-300: #b2baaf;
--color-gentle-calm-400: #99a294;
--color-gentle-calm-500: #808a7b;
--color-gentle-calm-600: #6c7568;
--color-gentle-calm-700: #565d53;
--color-gentle-calm-800: #3f443c;
--color-gentle-calm-900: #2c2f29;
--color-gentle-calm-950: #191c17;
}SCSS
$gentle-calm: #c4cebf;
$gentle-calm-rgb: 196, 206, 191;
$gentle-calm-light: mix(#fff, $gentle-calm, 20%);
$gentle-calm-dark: mix(#000, $gentle-calm, 20%);
.element {
color: $gentle-calm;
box-shadow: 0 0 0 2px rgba($gentle-calm, 0.35);
}