Nazwany kolor · #C8D8E5
Lively Tune
Lively Tune to #C8D8E5: rgb(200 216 229), hsl(207 36% 84%), oklch(0.874 0.025 242.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lively Tune color name →
#C8D8E5
oklch(0.874 0.025 242.4)
Konwersje koloru
- HEX
- #c8d8e5
- RGB
- rgb(200 216 229)
- HSL
- hsl(207 36% 84%)
- HWB
- hwb(207 78% 10%)
- OKLCH
- oklch(0.874 0.025 242.4)
- OKLab
- oklab(0.874 -0.012 -0.022)
- CIE Lab
- lab(85.42 -3.64 -8.35)
- LCH
- lch(85.42 9.11 246.4)
- CMYK
- cmyk(13% 6% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDDCE8
- D3E0EA
- D8E4ED
- DEE7EF
- E3EBF2
- E9EFF5
- EEF3F7
- F4F7FA
- F9FBFC
Odcienie ciemniejsze
- AEBCC7
- 94A0AA
- 7B858E
- 636B72
- 4C5358
- 363B3F
- 212528
- 0F1112
- 020203
Tony
- C1CFDA
- B9C6D0
- B2BDC6
- ABB4BB
- A3ABB1
- 9CA2A7
- 959A9D
- 8E9193
- 87888A
Harmonie kolorów
Komplementarna +180°
- C8D8E5
Lively Tune
- E2D2C5
≈ Bungalow White
Analogowa -30° +30°
- C8D8E5
Lively Tune
- C4DADF
≈ Light Dewpoint
- D0D5E7
≈ Chill in the Air
Triada +120° +240°
- C8D8E5
Lively Tune
- E5CFD4
≈ Delicate Pink
- D2D8C7
≈ Bayberry Frost
Komplementarna rozszczepiona +150° +210°
- C8D8E5
Lively Tune
- E6D0CB
≈ Pianissimo
- DBD5C4
≈ Asiago
Tetrada +90° +180° +270°
- C8D8E5
Lively Tune
- E0D0DD
≈ Orchid Ice
- E2D2C5
≈ Bungalow White
- CADBCE
≈ Tenderness
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.40:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--lively-tune: #c8d8e5;
--lively-tune-rgb: 200 216 229;
--lively-tune-oklch: oklch(0.874 0.025 242.4);
}
.element {
color: var(--lively-tune);
background-color: hsl(207 36% 84%);
border-color: oklch(0.874 0.025 242.4);
}Tailwind CSS v4
@theme {
--color-lively-tune: #c8d8e5;
--color-lively-tune-50: #eff6fc;
--color-lively-tune-100: #e1e9f0;
--color-lively-tune-200: #ccd6de;
--color-lively-tune-300: #adb9c4;
--color-lively-tune-400: #92a1ac;
--color-lively-tune-500: #788996;
--color-lively-tune-600: #66747f;
--color-lively-tune-700: #515c65;
--color-lively-tune-800: #3b444a;
--color-lively-tune-900: #282f34;
--color-lively-tune-950: #161b1f;
}SCSS
$lively-tune: #c8d8e5;
$lively-tune-rgb: 200, 216, 229;
$lively-tune-light: mix(#fff, $lively-tune, 20%);
$lively-tune-dark: mix(#000, $lively-tune, 20%);
.element {
color: $lively-tune;
box-shadow: 0 0 0 2px rgba($lively-tune, 0.35);
}