이름 색상 · #C3D5E8
Lull Wind
Lull Wind은(는) #C3D5E8: rgb(195 213 232), hsl(211 45% 84%), oklch(0.865 0.033 249.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lull Wind color name →
#C3D5E8
oklch(0.865 0.033 249.7)
색상 변환
- HEX
- #c3d5e8
- RGB
- rgb(195 213 232)
- HSL
- hsl(211 45% 84%)
- HWB
- hwb(211 76% 9%)
- OKLCH
- oklch(0.865 0.033 249.7)
- OKLab
- oklab(0.865 -0.011 -0.031)
- CIE Lab
- lab(84.35 -3.38 -11.55)
- LCH
- lch(84.35 12.04 253.7)
- CMYK
- cmyk(16% 8% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- C9D9EA
- CFDDED
- D5E2EF
- DBE6F1
- E1EAF4
- E7EEF6
- EDF2F8
- F3F7FA
- F9FBFD
셰이드
- A9B9CA
- 909EAC
- 788390
- 606A74
- 4A5159
- 343A40
- 202429
- 0E1013
- 020203
톤
- BCCCDD
- B5C3D2
- AEBBC8
- A8B2BD
- A1AAB3
- 9AA1A8
- 94999E
- 8D9094
- 87888A
색 조화
보색 +180°
- C3D5E8
Lull Wind
- E1CFBC
≈ Soft Doeskin
유사색 -30° +30°
- C3D5E8
Lull Wind
- BCD8E2
≈ Glacial Stream
- CED1E9
≈ Artistic Violet
삼각 배색 +120° +240°
- C3D5E8
Lull Wind
- E7CACE
≈ English Rosebud
- CCD7C1
≈ Hawthorne
분열 보색 +150° +210°
- C3D5E8
Lull Wind
- E7CCC3
≈ Pout
- D7D4BB
≈ Pale Cucumber
사각 배색 +90° +180° +270°
- C3D5E8
Lull Wind
- E2CBDA
≈ Diva Girl
- E1CFBC
≈ Soft Doeskin
- C1DACB
≈ Snow Goose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.00:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.00:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--lull-wind: #c3d5e8;
--lull-wind-rgb: 195 213 232;
--lull-wind-oklch: oklch(0.865 0.033 249.7);
}
.element {
color: var(--lull-wind);
background-color: hsl(211 45% 84%);
border-color: oklch(0.865 0.033 249.7);
}Tailwind CSS v4
@theme {
--color-lull-wind: #c3d5e8;
--color-lull-wind-50: #eff6ff;
--color-lull-wind-100: #e0e9f3;
--color-lull-wind-200: #cad6e2;
--color-lull-wind-300: #acb9c8;
--color-lull-wind-400: #90a0b2;
--color-lull-wind-500: #76889c;
--color-lull-wind-600: #647383;
--color-lull-wind-700: #505c69;
--color-lull-wind-800: #3a444d;
--color-lull-wind-900: #272f36;
--color-lull-wind-950: #161b21;
}SCSS
$lull-wind: #c3d5e8;
$lull-wind-rgb: 195, 213, 232;
$lull-wind-light: mix(#fff, $lull-wind, 20%);
$lull-wind-dark: mix(#000, $lull-wind, 20%);
.element {
color: $lull-wind;
box-shadow: 0 0 0 2px rgba($lull-wind, 0.35);
}