이름 색상 · #82C2DB
Blue Charm
Blue Charm은(는) #82C2DB: rgb(130 194 219), hsl(197 55% 68%), oklch(0.78 0.074 224.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Blue Charm color name →
#82C2DB
oklch(0.78 0.074 224.5)
색상 변환
- HEX
- #82c2db
- RGB
- rgb(130 194 219)
- HSL
- hsl(197 55% 68%)
- HWB
- hwb(197 51% 14%)
- OKLCH
- oklch(0.78 0.074 224.5)
- OKLab
- oklab(0.78 -0.053 -0.052)
- CIE Lab
- lab(74.78 -16.41 -19.38)
- LCH
- lch(74.78 25.39 229.7)
- CMYK
- cmyk(41% 11% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- 8FC8DF
- 9CCEE2
- A9D4E6
- B5DAEA
- C2E1ED
- CEE7F1
- DAEDF4
- E6F3F8
- F3F9FC
셰이드
- 70A8BE
- 5F8FA2
- 4E7787
- 3E606D
- 2F4954
- 20343C
- 122026
- 060E11
- 010202
톤
- 83BBD2
- 83B5C8
- 83AEBF
- 83A7B6
- 83A1AD
- 839AA4
- 82949B
- 828D92
- 818789
색 조화
보색 +180°
- 82C2DB
Blue Charm
- E1A991
≈ Rose Tattoo
유사색 -30° +30°
- 82C2DB
Blue Charm
- 7CC7C6
≈ Cyantific
- 97BAE7
≈ Honest
삼각 배색 +120° +240°
- 82C2DB
Blue Charm
- DBA5C3
≈ Rhubarb Gin
- BEBA83
≈ Slippery Moss
분열 보색 +150° +210°
- 82C2DB
Blue Charm
- E3A4A8
≈ Berry Riche
- D4B182
≈ Light Oak
사각 배색 +90° +180° +270°
- 82C2DB
Blue Charm
- C9AAD9
≈ Darling Lilac
- E1A991
≈ Rose Tattoo
- A4C292
≈ Heartland Frosty
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.96:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.68:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--blue-charm: #82c2db;
--blue-charm-rgb: 130 194 219;
--blue-charm-oklch: oklch(0.78 0.074 224.5);
}
.element {
color: var(--blue-charm);
background-color: hsl(197 55% 68%);
border-color: oklch(0.78 0.074 224.5);
}Tailwind CSS v4
@theme {
--color-blue-charm: #82c2db;
--color-blue-charm-50: #e0faff;
--color-blue-charm-100: #cfeefb;
--color-blue-charm-200: #b4dbed;
--color-blue-charm-300: #8fc0d5;
--color-blue-charm-400: #6ca8bf;
--color-blue-charm-500: #4991ab;
--color-blue-charm-600: #3f7a90;
--color-blue-charm-700: #326274;
--color-blue-charm-800: #224855;
--color-blue-charm-900: #17323b;
--color-blue-charm-950: #071e25;
}SCSS
$blue-charm: #82c2db;
$blue-charm-rgb: 130, 194, 219;
$blue-charm-light: mix(#fff, $blue-charm, 20%);
$blue-charm-dark: mix(#000, $blue-charm, 20%);
.element {
color: $blue-charm;
box-shadow: 0 0 0 2px rgba($blue-charm, 0.35);
}