이름 색상 · #CDEAE5
Source Blue
Source Blue은(는) #CDEAE5: rgb(205 234 229), hsl(170 41% 86%), oklch(0.915 0.031 184.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Source Blue color name →
#CDEAE5
oklch(0.915 0.031 184.1)
색상 변환
- HEX
- #cdeae5
- RGB
- rgb(205 234 229)
- HSL
- hsl(170 41% 86%)
- HWB
- hwb(170 80% 8%)
- OKLCH
- oklch(0.915 0.031 184.1)
- OKLab
- oklab(0.915 -0.031 -0.002)
- CIE Lab
- lab(90.47 -10.57 -0.95)
- LCH
- lch(90.47 10.61 185.1)
- CMYK
- cmyk(12% 0% 2% 8%)
틴트 · 셰이드 · 톤
틴트
- D2ECE8
- D7EEEA
- DCF0ED
- E1F2EF
- E6F5F2
- EBF7F5
- F0F9F7
- F5FBFA
- FAFDFC
셰이드
- B2CBC7
- 98AEAA
- 7E918E
- 667572
- 4E5A58
- 38413F
- 232928
- 0F1312
- 020303
톤
- C5DFDA
- BDD4D0
- B5C9C6
- AEBEBB
- A6B4B1
- 9EA9A7
- 979F9D
- 8F9493
- 878A8A
색 조화
보색 +180°
- CDEAE5
Source Blue
- F6DBE0
≈ Carousel Pink
유사색 -30° +30°
- CDEAE5
Source Blue
- D4E9DA
≈ Splashdown
- CCE9F0
≈ Summer Mist
삼각 배색 +120° +240°
- CDEAE5
Source Blue
- E7DEF4
≈ Lingering Lilac
- F2DFCE
≈ Naturale
분열 보색 +150° +210°
- CDEAE5
Source Blue
- F1DBEB
≈ Maiden of the Mist
- F7DCD5
≈ Pale Shrimp
사각 배색 +90° +180° +270°
- CDEAE5
Source Blue
- DCE2F8
≈ Aquarelle Purple
- F6DBE0
≈ Carousel Pink
- E9E3CC
≈ Nylon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.49:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--source-blue: #cdeae5;
--source-blue-rgb: 205 234 229;
--source-blue-oklch: oklch(0.915 0.031 184.1);
}
.element {
color: var(--source-blue);
background-color: hsl(170 41% 86%);
border-color: oklch(0.915 0.031 184.1);
}Tailwind CSS v4
@theme {
--color-source-blue: #cdeae5;
--color-source-blue-50: #ecf8f6;
--color-source-blue-100: #ddebe9;
--color-source-blue-200: #c6d9d6;
--color-source-blue-300: #a6bdba;
--color-source-blue-400: #8ba5a0;
--color-source-blue-500: #708d88;
--color-source-blue-600: #5f7773;
--color-source-blue-700: #4c605c;
--color-source-blue-800: #374643;
--color-source-blue-900: #25302e;
--color-source-blue-950: #141d1b;
}SCSS
$source-blue: #cdeae5;
$source-blue-rgb: 205, 234, 229;
$source-blue-light: mix(#fff, $source-blue, 20%);
$source-blue-dark: mix(#000, $source-blue, 20%);
.element {
color: $source-blue;
box-shadow: 0 0 0 2px rgba($source-blue, 0.35);
}