Nazwany kolor · #C3D1E5
Morning Star
Morning Star to #C3D1E5: rgb(195 209 229), hsl(215 40% 83%), oklch(0.856 0.032 257.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Morning Star color name →
#C3D1E5
oklch(0.856 0.032 257.2)
Konwersje koloru
- HEX
- #c3d1e5
- RGB
- rgb(195 209 229)
- HSL
- hsl(215 40% 83%)
- HWB
- hwb(215 76% 10%)
- OKLCH
- oklch(0.856 0.032 257.2)
- OKLab
- oklab(0.856 -0.007 -0.031)
- CIE Lab
- lab(83.23 -1.9 -11.62)
- LCH
- lch(83.23 11.77 260.7)
- CMYK
- cmyk(15% 9% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9D6E8
- CFDAEA
- D5DFED
- DBE3EF
- E1E8F2
- E7ECF5
- EDF1F7
- F3F6FA
- F9FAFC
Odcienie ciemniejsze
- A9B5C7
- 909BAA
- 78818E
- 606872
- 4A5058
- 34393F
- 202328
- 0E1012
- 020203
Tony
- BCC9DA
- B5C0D0
- AEB8C6
- A8B0BB
- A1A8B1
- 9AA0A7
- 94989D
- 8D9093
- 86888A
Harmonie kolorów
Komplementarna +180°
- C3D1E5
Morning Star
- DCCEB9
≈ Palest Satin
Analogowa -30° +30°
- C3D1E5
Morning Star
- BBD4E0
≈ Pale Aqua
- CECDE4
≈ Foggy Plateau
Triada +120° +240°
- C3D1E5
Morning Star
- E4C8C8
≈ Girl Talk
- C6D5C1
≈ Apothecary Jar
Komplementarna rozszczepiona +150° +210°
- C3D1E5
Morning Star
- E2CABE
≈ Sultan Sand
- D2D2BA
≈ Pale Sagebrush
Tetrada +90° +180° +270°
- C3D1E5
Morning Star
- E0C8D4
≈ Tinted Rosewood
- DCCEB9
≈ Palest Satin
- BDD7CB
≈ Malted Mint
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.57:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--morning-star: #c3d1e5;
--morning-star-rgb: 195 209 229;
--morning-star-oklch: oklch(0.856 0.032 257.2);
}
.element {
color: var(--morning-star);
background-color: hsl(215 40% 83%);
border-color: oklch(0.856 0.032 257.2);
}Tailwind CSS v4
@theme {
--color-morning-star: #c3d1e5;
--color-morning-star-50: #f0f6ff;
--color-morning-star-100: #e2e8f3;
--color-morning-star-200: #ccd5e2;
--color-morning-star-300: #aeb8c8;
--color-morning-star-400: #939fb2;
--color-morning-star-500: #79879c;
--color-morning-star-600: #677383;
--color-morning-star-700: #525c69;
--color-morning-star-800: #3b434d;
--color-morning-star-900: #292e36;
--color-morning-star-950: #161b21;
}SCSS
$morning-star: #c3d1e5;
$morning-star-rgb: 195, 209, 229;
$morning-star-light: mix(#fff, $morning-star, 20%);
$morning-star-dark: mix(#000, $morning-star, 20%);
.element {
color: $morning-star;
box-shadow: 0 0 0 2px rgba($morning-star, 0.35);
}