이름 색상 · #9BBCC3
Bel Esprit
Bel Esprit은(는) #9BBCC3: rgb(155 188 195), hsl(190 25% 69%), oklch(0.773 0.037 212). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Bel Esprit color name →
#9BBCC3
oklch(0.773 0.037 212)
색상 변환
- HEX
- #9bbcc3
- RGB
- rgb(155 188 195)
- HSL
- hsl(190 25% 69%)
- HWB
- hwb(190 61% 24%)
- OKLCH
- oklch(0.773 0.037 212)
- OKLab
- oklab(0.773 -0.031 -0.02)
- CIE Lab
- lab(73.97 -10.38 -7.45)
- LCH
- lch(73.97 12.78 215.7)
- CMYK
- cmyk(21% 4% 0% 24%)
틴트 · 셰이드 · 톤
틴트
- A5C3C9
- AFC9CF
- B9D0D5
- C3D6DB
- CDDDE1
- D7E4E7
- E1EBED
- EBF1F3
- F5F8F9
셰이드
- 86A3A9
- 728B90
- 5E7378
- 4B5D60
- 39474A
- 283234
- 181F20
- 090D0E
- 010202
톤
- 98B6BC
- 96B0B5
- 93AAAE
- 91A4A8
- 8E9EA1
- 8B989A
- 889294
- 868C8D
- 838686
색 조화
보색 +180°
- 9BBCC3
Bel Esprit
- CCADA7
≈ Lime Hawk Moth
유사색 -30° +30°
- 9BBCC3
Bel Esprit
- 9CBDB7
≈ Nursery Wall
- A1B9CB
≈ Always Blue
삼각 배색 +120° +240°
- 9BBCC3
Bel Esprit
- C4ADC0
≈ Lavish Lavender
- BEB59B
≈ Polished Stone
분열 보색 +150° +210°
- 9BBCC3
Bel Esprit
- CBACB3
≈ Scented Frill
- C7B19E
≈ Mink Haze
사각 배색 +90° +180° +270°
- 9BBCC3
Bel Esprit
- B9B0C9
≈ Violet Bouquet
- CCADA7
≈ Lime Hawk Moth
- B1B9A0
≈ Foille
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.37:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--bel-esprit: #9bbcc3;
--bel-esprit-rgb: 155 188 195;
--bel-esprit-oklch: oklch(0.773 0.037 212);
}
.element {
color: var(--bel-esprit);
background-color: hsl(190 25% 69%);
border-color: oklch(0.773 0.037 212);
}Tailwind CSS v4
@theme {
--color-bel-esprit: #9bbcc3;
--color-bel-esprit-50: #eaf8fc;
--color-bel-esprit-100: #dbebef;
--color-bel-esprit-200: #c3d9de;
--color-bel-esprit-300: #a3bdc3;
--color-bel-esprit-400: #86a5ab;
--color-bel-esprit-500: #6a8d94;
--color-bel-esprit-600: #5a777e;
--color-bel-esprit-700: #486065;
--color-bel-esprit-800: #344649;
--color-bel-esprit-900: #233033;
--color-bel-esprit-950: #121d1f;
}SCSS
$bel-esprit: #9bbcc3;
$bel-esprit-rgb: 155, 188, 195;
$bel-esprit-light: mix(#fff, $bel-esprit, 20%);
$bel-esprit-dark: mix(#000, $bel-esprit, 20%);
.element {
color: $bel-esprit;
box-shadow: 0 0 0 2px rgba($bel-esprit, 0.35);
}