色名 · #94A9B7
Ashen Wind
Ashen Windは#94A9B7：rgb(148 169 183)、hsl(204 20% 65%)、oklch(0.723 0.031 237.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ashen Wind color name →
#94A9B7
oklch(0.723 0.031 237.1)
カラー変換
- HEX
- #94a9b7
- RGB
- rgb(148 169 183)
- HSL
- hsl(204 20% 65%)
- HWB
- hwb(204 58% 28%)
- OKLCH
- oklch(0.723 0.031 237.1)
- OKLab
- oklab(0.723 -0.017 -0.026)
- CIE Lab
- lab(67.95 -5.29 -9.82)
- LCH
- lch(67.95 11.15 241.7)
- CMYK
- cmyk(19% 8% 0% 28%)
ティント · シェード · トーン
ティント
- 9EB1BE
- A9BAC5
- B3C2CC
- BECBD3
- C8D3DB
- D3DCE2
- DEE5E9
- E9EDF0
- F4F6F8
シェード
- 80929F
- 6D7C87
- 5A6770
- 48535A
- 363F45
- 262C31
- 161B1E
- 080A0C
- 010102
トーン
- 92A5B1
- 90A1AC
- 8E9DA6
- 8C98A1
- 8A949B
- 889096
- 868C90
- 84888B
- 828485
カラーハーモニー
補色 +180°
- 94A9B7
Ashen Wind
- B5A193
≈ Net Worker
類似色 -30° +30°
- 94A9B7
Ashen Wind
- 90ACAF
≈ Beach Cottage
- 9DA5BA
≈ Icelandic Blue
トライアド +120° +240°
- 94A9B7
Ashen Wind
- B79EA6
≈ Pinterested
- A4A893
≈ Bud
スプリットコンプリメンタリー +150° +210°
- 94A9B7
Ashen Wind
- B89F9B
≈ Adobe Rose
- AEA590
≈ Spray Green
テトラード +90° +180° +270°
- 94A9B7
Ashen Wind
- B19FB0
≈ Symbolic
- B5A193
≈ Net Worker
- 99AB9B
≈ Scotland Road
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.61:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--ashen-wind: #94a9b7;
--ashen-wind-rgb: 148 169 183;
--ashen-wind-oklch: oklch(0.723 0.031 237.1);
}
.element {
color: var(--ashen-wind);
background-color: hsl(204 20% 65%);
border-color: oklch(0.723 0.031 237.1);
}Tailwind CSS v4
@theme {
--color-ashen-wind: #94a9b7;
--color-ashen-wind-50: #edf7fd;
--color-ashen-wind-100: #dfeaf1;
--color-ashen-wind-200: #c9d6e0;
--color-ashen-wind-300: #aabac6;
--color-ashen-wind-400: #8ea2af;
--color-ashen-wind-500: #738a99;
--color-ashen-wind-600: #627581;
--color-ashen-wind-700: #4e5d67;
--color-ashen-wind-800: #38444c;
--color-ashen-wind-900: #262f35;
--color-ashen-wind-950: #151c20;
}SCSS
$ashen-wind: #94a9b7;
$ashen-wind-rgb: 148, 169, 183;
$ashen-wind-light: mix(#fff, $ashen-wind, 20%);
$ashen-wind-dark: mix(#000, $ashen-wind, 20%);
.element {
color: $ashen-wind;
box-shadow: 0 0 0 2px rgba($ashen-wind, 0.35);
}