Nazwany kolor · #CBD7ED
Light Cuddle
Light Cuddle to #CBD7ED: rgb(203 215 237), hsl(219 49% 86%), oklch(0.877 0.033 262.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Cuddle color name →
#CBD7ED
oklch(0.877 0.033 262.7)
Konwersje koloru
- HEX
- #cbd7ed
- RGB
- rgb(203 215 237)
- HSL
- hsl(219 49% 86%)
- HWB
- hwb(219 80% 7%)
- OKLCH
- oklch(0.877 0.033 262.7)
- OKLab
- oklab(0.877 -0.004 -0.033)
- CIE Lab
- lab(85.57 -0.92 -12.3)
- LCH
- lch(85.57 12.33 265.7)
- CMYK
- cmyk(14% 9% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0DBEF
- D5DFF1
- DAE3F3
- E0E7F4
- E5EBF6
- EAEFF8
- EFF3FA
- F4F7FB
- FAFBFD
Odcienie ciemniejsze
- B0BBCE
- 969FB0
- 7D8593
- 656B77
- 4D525C
- 373B42
- 22252A
- 0F1114
- 020203
Tony
- C3CEE2
- BCC5D6
- B4BCCB
- ACB3C0
- A5ABB5
- 9DA2AA
- 96999F
- 8F9195
- 87888A
Harmonie kolorów
Komplementarna +180°
- CBD7ED
Light Cuddle
- E1D5BE
≈ Wax Sculpture
Analogowa -30° +30°
- CBD7ED
Light Cuddle
- C2DBE9
≈ Purification
- D7D3EB
≈ Air Castle
Triada +120° +240°
- CBD7ED
Light Cuddle
- ECCFCC
≈ Cameo Peach
- CADCC9
≈ Transparent White
Komplementarna rozszczepiona +150° +210°
- CBD7ED
Light Cuddle
- E9D1C3
≈ Pure Beige
- D6D9C1
≈ Feng Shui
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.48:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-cuddle: #cbd7ed;
--light-cuddle-rgb: 203 215 237;
--light-cuddle-oklch: oklch(0.877 0.033 262.7);
}
.element {
color: var(--light-cuddle);
background-color: hsl(219 49% 86%);
border-color: oklch(0.877 0.033 262.7);
}Tailwind CSS v4
@theme {
--color-light-cuddle: #cbd7ed;
--color-light-cuddle-50: #f0f5ff;
--color-light-cuddle-100: #e2e8f3;
--color-light-cuddle-200: #cdd4e3;
--color-light-cuddle-300: #afb8c9;
--color-light-cuddle-400: #949fb3;
--color-light-cuddle-500: #7b879d;
--color-light-cuddle-600: #687284;
--color-light-cuddle-700: #535b6a;
--color-light-cuddle-800: #3c434e;
--color-light-cuddle-900: #292e36;
--color-light-cuddle-950: #171b21;
}SCSS
$light-cuddle: #cbd7ed;
$light-cuddle-rgb: 203, 215, 237;
$light-cuddle-light: mix(#fff, $light-cuddle, 20%);
$light-cuddle-dark: mix(#000, $light-cuddle, 20%);
.element {
color: $light-cuddle;
box-shadow: 0 0 0 2px rgba($light-cuddle, 0.35);
}