色名 · #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);
}