色名 · #EDECE6
Commercial White
Commercial Whiteは#EDECE6：rgb(237 236 230)、hsl(51 16% 92%)、oklch(0.942 0.008 98.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Commercial White color name →
#EDECE6
oklch(0.942 0.008 98.9)
カラー変換
- HEX
- #edece6
- RGB
- rgb(237 236 230)
- HSL
- hsl(51 16% 92%)
- HWB
- hwb(51 90% 7%)
- OKLCH
- oklch(0.942 0.008 98.9)
- OKLab
- oklab(0.942 -0.001 0.008)
- CIE Lab
- lab(93.35 -0.43 3.04)
- LCH
- lch(93.35 3.07 98.1)
- CMYK
- cmyk(0% 0% 3% 7%)
ティント · シェード · トーン
ティント
- EFEEE8
- F1F0EB
- F2F2ED
- F4F4F0
- F6F5F2
- F8F7F5
- FAF9F7
- FBFBFA
- FDFDFC
シェード
- CECDC8
- B0AFAB
- 93928E
- 777673
- 5C5B59
- 424240
- 2A2928
- 141313
- 030303
トーン
- E2E1DB
- D6D5D1
- CBCAC6
- C0BFBC
- B5B4B2
- AAAAA7
- 9F9F9D
- 959594
- 8A8A8A
カラーハーモニー
補色 +180°
- EDECE6
Commercial White
- EAEBF1
≈ Solitude
類似色 -30° +30°
- EDECE6
Commercial White
- F0EBE6
≈ White Alyssum
- EAEDE7
≈ Simply White
トライアド +120° +240°
- EDECE6
Commercial White
- E6EDEF
≈ Morning Mist
- F0EAEE
≈ Violet Clues
スプリットコンプリメンタリー +150° +210°
- EDECE6
Commercial White
- E8ECF1
≈ Solitude
- EDEAF0
≈ Greek Goddess
テトラード +90° +180° +270°
- EDECE6
Commercial White
- E6EEED
≈ Faraway Blue
- EAEBF1
≈ Solitude
- F1EAEB
≈ Charolais Cattle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.74:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--commercial-white: #edece6;
--commercial-white-rgb: 237 236 230;
--commercial-white-oklch: oklch(0.942 0.008 98.9);
}
.element {
color: var(--commercial-white);
background-color: hsl(51 16% 92%);
border-color: oklch(0.942 0.008 98.9);
}Tailwind CSS v4
@theme {
--color-commercial-white: #edece6;
--color-commercial-white-50: #f5f5f3;
--color-commercial-white-100: #e8e8e5;
--color-commercial-white-200: #d5d4d0;
--color-commercial-white-300: #b8b7b3;
--color-commercial-white-400: #9f9e99;
--color-commercial-white-500: #878680;
--color-commercial-white-600: #72726d;
--color-commercial-white-700: #5c5b57;
--color-commercial-white-800: #43423f;
--color-commercial-white-900: #2e2e2c;
--color-commercial-white-950: #1b1b19;
}SCSS
$commercial-white: #edece6;
$commercial-white-rgb: 237, 236, 230;
$commercial-white-light: mix(#fff, $commercial-white, 20%);
$commercial-white-dark: mix(#000, $commercial-white, 20%);
.element {
color: $commercial-white;
box-shadow: 0 0 0 2px rgba($commercial-white, 0.35);
}