가장 가까운 이름 색상 · #91C8D0
#91C8D0
가장 가까운 이름 색상: Cerulean Skies
#91C8D0(rgb(145 200 208), hsl(188 40% 69%), oklch(0.797 0.058 207.3))와 가장 가까운 이름 색상은 Cerulean Skies입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#91C8D0
oklch(0.797 0.058 207.3)
색상 변환
- HEX
- #91c8d0
- RGB
- rgb(145 200 208)
- HSL
- hsl(188 40% 69%)
- HWB
- hwb(188 57% 18%)
- OKLCH
- oklch(0.797 0.058 207.3)
- OKLab
- oklab(0.797 -0.051 -0.027)
- CIE Lab
- lab(77 -17.04 -10.07)
- LCH
- lch(77 19.8 210.6)
- CMYK
- cmyk(30% 4% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 9CCDD5
- A8D3D9
- B3D8DE
- BEDEE3
- C9E3E7
- D3E9EC
- DEEEF1
- E9F4F6
- F4F9FA
셰이드
- 7DAEB5
- 6A949A
- 587B80
- 466367
- 354C4F
- 253639
- 152123
- 070F10
- 010202
톤
- 90C1C8
- 8FB9BF
- 8DB2B7
- 8CABAF
- 8AA3A7
- 889C9F
- 869597
- 848E8F
- 828788
색 조화
보색 +180°
- 91C8D0
Cerulean Skies
- E0AFA9
≈ Mesa Pink
유사색 -30° +30°
- 91C8D0
Cerulean Skies
- 95CABC
≈ Beach Breeze
- 9AC3DE
≈ Charismatic Sky
삼각 배색 +120° +240°
- 91C8D0
Cerulean Skies
- D2B0D0
≈ Lavender Knoll
- CDBB93
≈ Balsa Stone
분열 보색 +150° +210°
- 91C8D0
Cerulean Skies
- DDAEBD
≈ Apple Infusion
- DAB499
≈ Sunset Cove
사각 배색 +90° +180° +270°
- 91C8D0
Cerulean Skies
- C1B6DE
≈ Melrose
- E0AFA9
≈ Mesa Pink
- BAC298
≈ Beige and Sage
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.84:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.37:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.37:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--cerulean-skies: #91c8d0;
--cerulean-skies-rgb: 145 200 208;
--cerulean-skies-oklch: oklch(0.797 0.058 207.3);
}
.element {
color: var(--cerulean-skies);
background-color: hsl(188 40% 69%);
border-color: oklch(0.797 0.058 207.3);
}Tailwind CSS v4
@theme {
--color-cerulean-skies: #91c8d0;
--color-cerulean-skies-50: #e3fafe;
--color-cerulean-skies-100: #d3eef2;
--color-cerulean-skies-200: #b9dce2;
--color-cerulean-skies-300: #96c0c7;
--color-cerulean-skies-400: #75a9b0;
--color-cerulean-skies-500: #55919a;
--color-cerulean-skies-600: #497b82;
--color-cerulean-skies-700: #3a6268;
--color-cerulean-skies-800: #29484c;
--color-cerulean-skies-900: #1b3235;
--color-cerulean-skies-950: #0b1e20;
}SCSS
$cerulean-skies: #91c8d0;
$cerulean-skies-rgb: 145, 200, 208;
$cerulean-skies-light: mix(#fff, $cerulean-skies, 20%);
$cerulean-skies-dark: mix(#000, $cerulean-skies, 20%);
.element {
color: $cerulean-skies;
box-shadow: 0 0 0 2px rgba($cerulean-skies, 0.35);
}