色名 · #B4DFED
Polar Wind
Polar Windは#B4DFED：rgb(180 223 237)、hsl(195 61% 82%)、oklch(0.878 0.049 219.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Polar Wind color name →
#B4DFED
oklch(0.878 0.049 219.6)
カラー変換
- HEX
- #b4dfed
- RGB
- rgb(180 223 237)
- HSL
- hsl(195 61% 82%)
- HWB
- hwb(195 71% 7%)
- OKLCH
- oklch(0.878 0.049 219.6)
- OKLab
- oklab(0.878 -0.038 -0.031)
- CIE Lab
- lab(86.1 -12.19 -11.73)
- LCH
- lch(86.1 16.92 223.9)
- CMYK
- cmyk(24% 6% 0% 7%)
ティント · シェード · トーン
ティント
- BCE2EF
- C3E5F1
- CBE9F2
- D2ECF4
- DAEFF6
- E1F2F8
- E9F5FA
- F0F9FB
- F8FCFD
シェード
- 9CC2CE
- 85A5B0
- 6E8A93
- 586F77
- 44565C
- 303D42
- 1D272A
- 0C1214
- 020203
トーン
- AFD5E2
- AACBD6
- A5C2CB
- 9FB8C0
- 9AAEB5
- 95A5AA
- 909C9F
- 8B9295
- 85898A
カラーハーモニー
補色 +180°
- B4DFED
Polar Wind
- F4CDBF
≈ Watusi
類似色 -30° +30°
- B4DFED
Polar Wind
- B3E2DD
≈ Festival de Verano
- BFDAF6
≈ Oh Boy!
トライアド +120° +240°
- B4DFED
Polar Wind
- EECBE1
≈ LA Vibes
- DED8B4
≈ Rancho Verde
スプリットコンプリメンタリー +150° +210°
- B4DFED
Polar Wind
- F5CAD0
≈ Pleasing Pink
- ECD2B5
≈ Fuzzy Scruff
テトラード +90° +180° +270°
- B4DFED
Polar Wind
- E0CEF0
≈ Plum’s the Word
- F4CDBF
≈ Watusi
- CCDEBC
≈ Golden Crested Wren
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.71:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--polar-wind: #b4dfed;
--polar-wind-rgb: 180 223 237;
--polar-wind-oklch: oklch(0.878 0.049 219.6);
}
.element {
color: var(--polar-wind);
background-color: hsl(195 61% 82%);
border-color: oklch(0.878 0.049 219.6);
}Tailwind CSS v4
@theme {
--color-polar-wind: #b4dfed;
--color-polar-wind-50: #e7f9ff;
--color-polar-wind-100: #d7ecf4;
--color-polar-wind-200: #bfd9e3;
--color-polar-wind-300: #9dbec9;
--color-polar-wind-400: #7fa6b2;
--color-polar-wind-500: #618e9c;
--color-polar-wind-600: #537884;
--color-polar-wind-700: #42606a;
--color-polar-wind-800: #2f474e;
--color-polar-wind-900: #203136;
--color-polar-wind-950: #0f1d21;
}SCSS
$polar-wind: #b4dfed;
$polar-wind-rgb: 180, 223, 237;
$polar-wind-light: mix(#fff, $polar-wind, 20%);
$polar-wind-dark: mix(#000, $polar-wind, 20%);
.element {
color: $polar-wind;
box-shadow: 0 0 0 2px rgba($polar-wind, 0.35);
}