가장 가까운 이름 색상 · #DDEBFF
#DDEBFF
가장 가까운 이름 색상: Cloudless
#DDEBFF(rgb(221 235 255), hsl(215 100% 93%), oklch(0.936 0.031 257.2))와 가장 가까운 이름 색상은 Cloudless입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DDEBFF
oklch(0.936 0.031 257.2)
색상 변환
- HEX
- #ddebff
- RGB
- rgb(221 235 255)
- HSL
- hsl(215 100% 93%)
- HWB
- hwb(215 87% 0%)
- OKLCH
- oklch(0.936 0.031 257.2)
- OKLab
- oklab(0.936 -0.007 -0.03)
- CIE Lab
- lab(92.45 -1.89 -11.37)
- LCH
- lch(92.45 11.53 260.5)
- CMYK
- cmyk(13% 8% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- E0EDFF
- E4EFFF
- E7F1FF
- EBF3FF
- EEF5FF
- F1F7FF
- F5F9FF
- F8FBFF
- FCFDFF
셰이드
- C0CCDE
- A4AEBE
- 88919E
- 6E7580
- 555B63
- 3D4148
- 26292E
- 111316
- 020303
톤
- D3E0F2
- CAD5E4
- C0CAD7
- B7BFCA
- ADB4BE
- A4A9B1
- 9B9FA4
- 929498
- 898A8C
색 조화
보색 +180°
- DDEBFF
Cloudless
- F6E8D3
≈ Clean Canvas
유사색 -30° +30°
- DDEBFF
Cloudless
- D5EEFA
≈ Ice Castle
- E8E7FE
≈ Cyber Lavender
삼각 배색 +120° +240°
- DDEBFF
Cloudless
- FEE2E2
≈ Royal Wedding
- E0EFDB
≈ Distant Landscape
분열 보색 +150° +210°
- DDEBFF
Cloudless
- FCE4D8
≈ Cool Cream
- ECECD4
≈ Budding Fern
사각 배색 +90° +180° +270°
- DDEBFF
Cloudless
- FBE2EE
≈ Spun Sugar
- F6E8D3
≈ Clean Canvas
- D7F1E5
≈ Banshee
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.40:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--cloudless: #ddebff;
--cloudless-rgb: 221 235 255;
--cloudless-oklch: oklch(0.936 0.031 257.2);
}
.element {
color: var(--cloudless);
background-color: hsl(215 100% 93%);
border-color: oklch(0.936 0.031 257.2);
}Tailwind CSS v4
@theme {
--color-cloudless: #ddebff;
--color-cloudless-50: #f0f6fe;
--color-cloudless-100: #e2e8f3;
--color-cloudless-200: #ccd5e2;
--color-cloudless-300: #aeb8c8;
--color-cloudless-400: #939fb1;
--color-cloudless-500: #79879b;
--color-cloudless-600: #677283;
--color-cloudless-700: #525c69;
--color-cloudless-800: #3b434d;
--color-cloudless-900: #292e36;
--color-cloudless-950: #171b21;
}SCSS
$cloudless: #ddebff;
$cloudless-rgb: 221, 235, 255;
$cloudless-light: mix(#fff, $cloudless, 20%);
$cloudless-dark: mix(#000, $cloudless, 20%);
.element {
color: $cloudless;
box-shadow: 0 0 0 2px rgba($cloudless, 0.35);
}