Nazwany kolor · #C4D9EB
Light Morality
Light Morality to #C4D9EB: rgb(196 217 235), hsl(208 49% 85%), oklch(0.875 0.034 244). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Morality color name →
#C4D9EB
oklch(0.875 0.034 244)
Konwersje koloru
- HEX
- #c4d9eb
- RGB
- rgb(196 217 235)
- HSL
- hsl(208 49% 85%)
- HWB
- hwb(208 77% 8%)
- OKLCH
- oklch(0.875 0.034 244)
- OKLab
- oklab(0.875 -0.015 -0.03)
- CIE Lab
- lab(85.53 -4.52 -11.37)
- LCH
- lch(85.53 12.24 248.3)
- CMYK
- cmyk(17% 8% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CADDED
- D0E1EF
- D6E4F1
- DBE8F3
- E1ECF5
- E7F0F7
- EDF4F9
- F3F7FB
- F9FBFD
Odcienie ciemniejsze
- AABCCC
- 91A1AE
- 788691
- 616C75
- 4A535B
- 353B41
- 212529
- 0E1113
- 020203
Tony
- BDD0E0
- B6C7D5
- AFBDCA
- A8B4BF
- A1ABB4
- 9BA3A9
- 949A9F
- 8D9194
- 87898A
Harmonie kolorów
Komplementarna +180°
- C4D9EB
Light Morality
- E6D2C0
≈ Simply Subtle Pink
Analogowa -30° +30°
- C4D9EB
Light Morality
- BEDCE4
≈ Quick-Freeze
- CFD5ED
≈ Garden Fairy
Triada +120° +240°
- C4D9EB
Light Morality
- EACDD3
≈ Pink Pail
- D1DAC2
≈ Balance
Komplementarna rozszczepiona +150° +210°
- C4D9EB
Light Morality
- EBCFC8
≈ Charmed
- DDD6BE
≈ Caraway Seeds
Tetrada +90° +180° +270°
- C4D9EB
Light Morality
- E4CEDF
≈ Summer Clover
- E6D2C0
≈ Simply Subtle Pink
- C6DDCC
≈ Green Wash
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.47:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.47:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-morality: #c4d9eb;
--light-morality-rgb: 196 217 235;
--light-morality-oklch: oklch(0.875 0.034 244);
}
.element {
color: var(--light-morality);
background-color: hsl(208 49% 85%);
border-color: oklch(0.875 0.034 244);
}Tailwind CSS v4
@theme {
--color-light-morality: #c4d9eb;
--color-light-morality-50: #eef6fe;
--color-light-morality-100: #dfe9f3;
--color-light-morality-200: #c9d6e2;
--color-light-morality-300: #aabac8;
--color-light-morality-400: #8ea1b1;
--color-light-morality-500: #74899b;
--color-light-morality-600: #627483;
--color-light-morality-700: #4e5d69;
--color-light-morality-800: #38444d;
--color-light-morality-900: #272f36;
--color-light-morality-950: #151c21;
}SCSS
$light-morality: #c4d9eb;
$light-morality-rgb: 196, 217, 235;
$light-morality-light: mix(#fff, $light-morality, 20%);
$light-morality-dark: mix(#000, $light-morality, 20%);
.element {
color: $light-morality;
box-shadow: 0 0 0 2px rgba($light-morality, 0.35);
}