色名 · #EFECE1
Acoustic White
Acoustic Whiteは#EFECE1：rgb(239 236 225)、hsl(47 30% 91%)、oklch(0.942 0.015 94.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Acoustic White color name →
#EFECE1
oklch(0.942 0.015 94.2)
カラー変換
- HEX
- #efece1
- RGB
- rgb(239 236 225)
- HSL
- hsl(47 30% 91%)
- HWB
- hwb(47 88% 6%)
- OKLCH
- oklch(0.942 0.015 94.2)
- OKLab
- oklab(0.942 -0.001 0.015)
- CIE Lab
- lab(93.41 -0.36 5.73)
- LCH
- lch(93.41 5.74 93.6)
- CMYK
- cmyk(0% 1% 6% 6%)
ティント · シェード · トーン
ティント
- F1EEE4
- F2F0E7
- F4F2EA
- F5F4ED
- F7F5F0
- F9F7F3
- FAF9F6
- FCFBF9
- FDFDFC
シェード
- D0CDC4
- B1AFA7
- 94928B
- 787670
- 5C5B56
- 42423E
- 2A2927
- 141312
- 030302
トーン
- E3E1D7
- D8D5CD
- CCCAC3
- C1BFB9
- B6B4AF
- ABAAA6
- A09F9C
- 959593
- 8B8A89
カラーハーモニー
補色 +180°
- EFECE1
Acoustic White
- E9EBF6
≈ Silver Phoenix
類似色 -30° +30°
- EFECE1
Acoustic White
- F3EAE2
≈ Refer to the Stars
- EAEEE3
≈ Trellis
トライアド +120° +240°
- EFECE1
Acoustic White
- E1EFF2
≈ Azul Primavera
- F3E8F0
≈ Snow Plum
スプリットコンプリメンタリー +150° +210°
- EFECE1
Acoustic White
- E4EDF6
≈ Out Cold
- EEEAF4
≈ Silver Phoenix
テトラード +90° +180° +270°
- EFECE1
Acoustic White
- E2EFED
≈ Himalayan Mist
- E9EBF6
≈ Silver Phoenix
- F5E8EB
≈ White-Red
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.75:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--acoustic-white: #efece1;
--acoustic-white-rgb: 239 236 225;
--acoustic-white-oklch: oklch(0.942 0.015 94.2);
}
.element {
color: var(--acoustic-white);
background-color: hsl(47 30% 91%);
border-color: oklch(0.942 0.015 94.2);
}Tailwind CSS v4
@theme {
--color-acoustic-white: #efece1;
--color-acoustic-white-50: #f6f5f0;
--color-acoustic-white-100: #e9e8e2;
--color-acoustic-white-200: #d6d4cd;
--color-acoustic-white-300: #b9b7af;
--color-acoustic-white-400: #a19e95;
--color-acoustic-white-500: #89867b;
--color-acoustic-white-600: #747268;
--color-acoustic-white-700: #5d5b53;
--color-acoustic-white-800: #44423d;
--color-acoustic-white-900: #2f2e2a;
--color-acoustic-white-950: #1c1b17;
}SCSS
$acoustic-white: #efece1;
$acoustic-white-rgb: 239, 236, 225;
$acoustic-white-light: mix(#fff, $acoustic-white, 20%);
$acoustic-white-dark: mix(#000, $acoustic-white, 20%);
.element {
color: $acoustic-white;
box-shadow: 0 0 0 2px rgba($acoustic-white, 0.35);
}