이름 색상 · #B5CEDF
Omphalodes
Omphalodes은(는) #B5CEDF: rgb(181 206 223), hsl(204 40% 79%), oklch(0.838 0.036 237.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Omphalodes color name →
#B5CEDF
oklch(0.838 0.036 237.6)
색상 변환
- HEX
- #b5cedf
- RGB
- rgb(181 206 223)
- HSL
- hsl(204 40% 79%)
- HWB
- hwb(204 71% 13%)
- OKLCH
- oklch(0.838 0.036 237.6)
- OKLab
- oklab(0.838 -0.019 -0.03)
- CIE Lab
- lab(81.29 -6.02 -11.43)
- LCH
- lch(81.29 12.92 242.2)
- CMYK
- cmyk(19% 8% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- BCD3E2
- C4D8E5
- CBDDE9
- D2E1EC
- DAE6EF
- E1EBF2
- E9F0F5
- F0F5F9
- F8FAFC
셰이드
- 9DB3C2
- 8698A5
- 6F7F8A
- 59666F
- 444E56
- 30383D
- 1D2327
- 0C0F12
- 020202
톤
- B0C6D5
- AABECB
- A5B6C2
- A0AEB8
- 9AA6AE
- 959EA5
- 90979C
- 8A8F92
- 858889
색 조화
보색 +180°
- B5CEDF
Omphalodes
- DDC5B4
≈ Mission Stone
유사색 -30° +30°
- B5CEDF
Omphalodes
- B0D1D6
≈ Hatchling Blue
- C0CAE2
≈ Hindsight
삼각 배색 +120° +240°
- B5CEDF
Omphalodes
- DFC1CA
≈ Baby Tone
- C8CEB3
≈ Chilled Cucumber
분열 보색 +150° +210°
- B5CEDF
Omphalodes
- E1C2BD
≈ Slubbed Silk
- D4C9B0
≈ Prairie House
사각 배색 +90° +180° +270°
- B5CEDF
Omphalodes
- D7C2D6
≈ Chinaberry Bloom
- DDC5B4
≈ Mission Stone
- BBD1BD
≈ Sunlit Sea
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.85:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--omphalodes: #b5cedf;
--omphalodes-rgb: 181 206 223;
--omphalodes-oklch: oklch(0.838 0.036 237.6);
}
.element {
color: var(--omphalodes);
background-color: hsl(204 40% 79%);
border-color: oklch(0.838 0.036 237.6);
}Tailwind CSS v4
@theme {
--color-omphalodes: #b5cedf;
--color-omphalodes-50: #ecf7ff;
--color-omphalodes-100: #deeaf3;
--color-omphalodes-200: #c7d7e2;
--color-omphalodes-300: #a7bac8;
--color-omphalodes-400: #8ba2b1;
--color-omphalodes-500: #708a9c;
--color-omphalodes-600: #5f7583;
--color-omphalodes-700: #4c5e69;
--color-omphalodes-800: #37454d;
--color-omphalodes-900: #252f36;
--color-omphalodes-950: #141c21;
}SCSS
$omphalodes: #b5cedf;
$omphalodes-rgb: 181, 206, 223;
$omphalodes-light: mix(#fff, $omphalodes, 20%);
$omphalodes-dark: mix(#000, $omphalodes, 20%);
.element {
color: $omphalodes;
box-shadow: 0 0 0 2px rgba($omphalodes, 0.35);
}