이름 색상 · #C3DDEE
Island View
Island View은(는) #C3DDEE: rgb(195 221 238), hsl(204 56% 85%), oklch(0.884 0.036 236.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Island View color name →
#C3DDEE
oklch(0.884 0.036 236.5)
색상 변환
- HEX
- #c3ddee
- RGB
- rgb(195 221 238)
- HSL
- hsl(204 56% 85%)
- HWB
- hwb(204 76% 7%)
- OKLCH
- oklch(0.884 0.036 236.5)
- OKLab
- oklab(0.884 -0.02 -0.03)
- CIE Lab
- lab(86.58 -6.3 -11.41)
- LCH
- lch(86.58 13.03 241.1)
- CMYK
- cmyk(18% 7% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- C9E0F0
- CFE4F1
- D5E7F3
- DBEBF5
- E1EEF7
- E7F1F8
- EDF5FA
- F3F8FC
- F9FCFD
셰이드
- A9C0CF
- 90A4B1
- 788893
- 606E77
- 4A555C
- 343D42
- 20262A
- 0E1114
- 020203
톤
- BCD3E2
- B5CAD7
- AFC0CC
- A8B7C1
- A1ADB6
- 9AA4AB
- 949BA0
- 8D9295
- 87898A
색 조화
보색 +180°
- C3DDEE
Island View
- ECD3C2
≈ Enjoy
유사색 -30° +30°
- C3DDEE
Island View
- BEE0E5
≈ Aquarelle Blue
- CED9F2
≈ Flax Bloom
삼각 배색 +120° +240°
- C3DDEE
Island View
- EECFD9
≈ Creamy Freesia
- D7DCC1
≈ Breezeway
분열 보색 +150° +210°
- C3DDEE
Island View
- F0D0CC
≈ Romantic Déjà Vu
- E3D8BE
≈ Pale Parsnip
사각 배색 +90° +180° +270°
- C3DDEE
Island View
- E6D1E6
≈ Lilacs in Spring
- ECD3C2
≈ Enjoy
- CAE0CB
≈ Spring Burst
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.89:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--island-view: #c3ddee;
--island-view-rgb: 195 221 238;
--island-view-oklch: oklch(0.884 0.036 236.5);
}
.element {
color: var(--island-view);
background-color: hsl(204 56% 85%);
border-color: oklch(0.884 0.036 236.5);
}Tailwind CSS v4
@theme {
--color-island-view: #c3ddee;
--color-island-view-50: #ecf7ff;
--color-island-view-100: #ddeaf3;
--color-island-view-200: #c7d7e2;
--color-island-view-300: #a7bbc8;
--color-island-view-400: #8ba2b1;
--color-island-view-500: #708a9b;
--color-island-view-600: #5f7583;
--color-island-view-700: #4c5e69;
--color-island-view-800: #36454d;
--color-island-view-900: #252f36;
--color-island-view-950: #141c21;
}SCSS
$island-view: #c3ddee;
$island-view-rgb: 195, 221, 238;
$island-view-light: mix(#fff, $island-view, 20%);
$island-view-dark: mix(#000, $island-view, 20%);
.element {
color: $island-view;
box-shadow: 0 0 0 2px rgba($island-view, 0.35);
}