이름 색상 · #A5CDE1
Blue Calico
Blue Calico은(는) #A5CDE1: rgb(165 205 225), hsl(200 50% 76%), oklch(0.826 0.051 229.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Blue Calico color name →
#A5CDE1
oklch(0.826 0.051 229.8)
색상 변환
- HEX
- #a5cde1
- RGB
- rgb(165 205 225)
- HSL
- hsl(200 50% 76%)
- HWB
- hwb(200 65% 12%)
- OKLCH
- oklch(0.826 0.051 229.8)
- OKLab
- oklab(0.826 -0.033 -0.039)
- CIE Lab
- lab(80.01 -10.3 -14.53)
- LCH
- lch(80.01 17.81 234.7)
- CMYK
- cmyk(27% 9% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- AED2E4
- B7D7E7
- C0DCEA
- C9E1ED
- D2E6F0
- DBEBF3
- E4F0F6
- EDF5F9
- F6FAFC
셰이드
- 8FB2C4
- 7998A7
- 657E8B
- 516670
- 3D4E56
- 2B383E
- 1A2327
- 0A0F12
- 010202
톤
- A1C5D7
- 9EBDCD
- 9AB5C3
- 97AEB9
- 93A6AF
- 8F9EA6
- 8C979C
- 888F93
- 848789
색 조화
보색 +180°
- A5CDE1
Blue Calico
- E2BDA9
≈ Fresh-Baked
유사색 -30° +30°
- A5CDE1
Blue Calico
- A0D1D3
≈ Morning Glory
- B3C7E8
≈ Promise Keeping
삼각 배색 +120° +240°
- A5CDE1
Blue Calico
- E1B9CB
≈ Smoked Silver
- C8C9A4
≈ Forest Sand
분열 보색 +150° +210°
- A5CDE1
Blue Calico
- E5BAB9
≈ Soft Blush
- D8C3A1
≈ Birch Beige
사각 배색 +90° +180° +270°
- A5CDE1
Blue Calico
- D5BCDB
≈ Plum Point
- E2BDA9
≈ Fresh-Baked
- B5CFAF
≈ Gio Ponti Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.41:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--blue-calico: #a5cde1;
--blue-calico-rgb: 165 205 225;
--blue-calico-oklch: oklch(0.826 0.051 229.8);
}
.element {
color: var(--blue-calico);
background-color: hsl(200 50% 76%);
border-color: oklch(0.826 0.051 229.8);
}Tailwind CSS v4
@theme {
--color-blue-calico: #a5cde1;
--color-blue-calico-50: #e7f8ff;
--color-blue-calico-100: #d8ebf6;
--color-blue-calico-200: #c0d9e6;
--color-blue-calico-300: #9ebdcd;
--color-blue-calico-400: #80a5b7;
--color-blue-calico-500: #638da2;
--color-blue-calico-600: #547789;
--color-blue-calico-700: #435f6d;
--color-blue-calico-800: #2f4650;
--color-blue-calico-900: #203038;
--color-blue-calico-950: #101d22;
}SCSS
$blue-calico: #a5cde1;
$blue-calico-rgb: 165, 205, 225;
$blue-calico-light: mix(#fff, $blue-calico, 20%);
$blue-calico-dark: mix(#000, $blue-calico, 20%);
.element {
color: $blue-calico;
box-shadow: 0 0 0 2px rgba($blue-calico, 0.35);
}