이름 색상 · #C5D6EB
Fluid Blue
Fluid Blue은(는) #C5D6EB: rgb(197 214 235), hsl(213 49% 85%), oklch(0.87 0.034 253.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Fluid Blue color name →
#C5D6EB
oklch(0.87 0.034 253.7)
색상 변환
- HEX
- #c5d6eb
- RGB
- rgb(197 214 235)
- HSL
- hsl(213 49% 85%)
- HWB
- hwb(213 77% 8%)
- OKLCH
- oklch(0.87 0.034 253.7)
- OKLab
- oklab(0.87 -0.01 -0.033)
- CIE Lab
- lab(84.83 -2.73 -12.41)
- LCH
- lch(84.83 12.71 257.6)
- CMYK
- cmyk(16% 9% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- CBDAED
- D0DEEF
- D6E2F1
- DCE6F3
- E2EAF5
- E8EFF7
- EDF3F9
- F3F7FB
- F9FBFD
셰이드
- ABBACC
- 929EAE
- 798491
- 616A75
- 4B525B
- 353B41
- 212529
- 0E1013
- 020203
톤
- BECDE0
- B7C4D5
- B0BBCA
- A9B3BF
- A2AAB4
- 9BA1A9
- 94999F
- 8D9195
- 87888A
색 조화
보색 +180°
- C5D6EB
Fluid Blue
- E2D1BC
≈ Maple Pecan
유사색 -30° +30°
- C5D6EB
Fluid Blue
- BDDAE5
≈ Alpine Alabaster
- D1D2EB
≈ Artistic Violet
삼각 배색 +120° +240°
- C5D6EB
Fluid Blue
- EACCCD
≈ Mauve Morn
- CBDAC3
≈ Breakaway
분열 보색 +150° +210°
- C5D6EB
Fluid Blue
- E9CEC2
≈ Quaint Peche
- D8D6BC
≈ Pale Cucumber
사각 배색 +90° +180° +270°
- C5D6EB
Fluid Blue
- E6CCDA
≈ Vanity Pink
- E2D1BC
≈ Maple Pecan
- C1DCCE
≈ Clearly Aqua
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.19:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--fluid-blue: #c5d6eb;
--fluid-blue-rgb: 197 214 235;
--fluid-blue-oklch: oklch(0.87 0.034 253.7);
}
.element {
color: var(--fluid-blue);
background-color: hsl(213 49% 85%);
border-color: oklch(0.87 0.034 253.7);
}Tailwind CSS v4
@theme {
--color-fluid-blue: #c5d6eb;
--color-fluid-blue-50: #eff6ff;
--color-fluid-blue-100: #e1e9f4;
--color-fluid-blue-200: #cbd5e3;
--color-fluid-blue-300: #acb9c9;
--color-fluid-blue-400: #91a0b3;
--color-fluid-blue-500: #77889d;
--color-fluid-blue-600: #657385;
--color-fluid-blue-700: #505c6a;
--color-fluid-blue-800: #3a434e;
--color-fluid-blue-900: #282f36;
--color-fluid-blue-950: #161b21;
}SCSS
$fluid-blue: #c5d6eb;
$fluid-blue-rgb: 197, 214, 235;
$fluid-blue-light: mix(#fff, $fluid-blue, 20%);
$fluid-blue-dark: mix(#000, $fluid-blue, 20%);
.element {
color: $fluid-blue;
box-shadow: 0 0 0 2px rgba($fluid-blue, 0.35);
}