이름 색상 · #AFC7CD
Billowy Breeze
Billowy Breeze은(는) #AFC7CD: rgb(175 199 205), hsl(192 23% 75%), oklch(0.814 0.027 214.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Billowy Breeze color name →
#AFC7CD
oklch(0.814 0.027 214.5)
색상 변환
- HEX
- #afc7cd
- RGB
- rgb(175 199 205)
- HSL
- hsl(192 23% 75%)
- HWB
- hwb(192 69% 20%)
- OKLCH
- oklch(0.814 0.027 214.5)
- OKLab
- oklab(0.814 -0.023 -0.015)
- CIE Lab
- lab(78.57 -7.48 -5.9)
- LCH
- lch(78.57 9.52 218.3)
- CMYK
- cmyk(15% 3% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- B7CDD2
- BFD2D7
- C7D8DC
- CFDDE1
- D7E3E6
- DFE8EB
- E7EEF0
- EFF4F5
- F7F9FA
셰이드
- 98ADB2
- 819398
- 6B7A7E
- 566266
- 414C4E
- 2E3638
- 1C2123
- 0B0E0F
- 010202
톤
- AAC0C5
- A6B8BD
- A1B1B5
- 9CAAAD
- 97A3A6
- 939C9E
- 8E9596
- 898E8F
- 858787
색 조화
보색 +180°
- AFC7CD
Billowy Breeze
- D3BCB6
≈ Sepia Rose
유사색 -30° +30°
- AFC7CD
Billowy Breeze
- AFC8C4
≈ Fresh Tone
- B4C4D3
≈ Faded Indigo
삼각 배색 +120° +240°
- AFC7CD
Billowy Breeze
- CEBCC9
≈ Antique Heather
- C7C2AF
≈ Kangaroo
분열 보색 +150° +210°
- AFC7CD
Billowy Breeze
- D3BBC0
≈ Frosted Sugar
- CFBFB0
≈ Soft Pelican
사각 배색 +90° +180° +270°
- AFC7CD
Billowy Breeze
- C6BED1
≈ Purpling Dawn
- D3BCB6
≈ Sepia Rose
- BEC5B2
≈ Komorebi
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.87:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--billowy-breeze: #afc7cd;
--billowy-breeze-rgb: 175 199 205;
--billowy-breeze-oklch: oklch(0.814 0.027 214.5);
}
.element {
color: var(--billowy-breeze);
background-color: hsl(192 23% 75%);
border-color: oklch(0.814 0.027 214.5);
}Tailwind CSS v4
@theme {
--color-billowy-breeze: #afc7cd;
--color-billowy-breeze-50: #edf7fa;
--color-billowy-breeze-100: #deeaee;
--color-billowy-breeze-200: #c8d7dc;
--color-billowy-breeze-300: #a9bbc0;
--color-billowy-breeze-400: #8da3a8;
--color-billowy-breeze-500: #728b91;
--color-billowy-breeze-600: #61767b;
--color-billowy-breeze-700: #4d5e62;
--color-billowy-breeze-800: #384548;
--color-billowy-breeze-900: #263032;
--color-billowy-breeze-950: #141c1e;
}SCSS
$billowy-breeze: #afc7cd;
$billowy-breeze-rgb: 175, 199, 205;
$billowy-breeze-light: mix(#fff, $billowy-breeze, 20%);
$billowy-breeze-dark: mix(#000, $billowy-breeze, 20%);
.element {
color: $billowy-breeze;
box-shadow: 0 0 0 2px rgba($billowy-breeze, 0.35);
}