色名 · #E6D0CA
Pianissimo
Pianissimoは#E6D0CA：rgb(230 208 202)、hsl(13 36% 85%)、oklch(0.874 0.026 35.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Pianissimo color name →
#E6D0CA
oklch(0.874 0.026 35.7)
カラー変換
- HEX
- #e6d0ca
- RGB
- rgb(230 208 202)
- HSL
- hsl(13 36% 85%)
- HWB
- hwb(13 79% 10%)
- OKLCH
- oklch(0.874 0.026 35.7)
- OKLab
- oklab(0.874 0.021 0.015)
- CIE Lab
- lab(85.2 7.19 5.92)
- LCH
- lch(85.2 9.31 39.5)
- CMYK
- cmyk(0% 10% 12% 10%)
ティント · シェード · トーン
ティント
- E9D5CF
- EBD9D4
- EEDEDA
- F0E3DF
- F3E7E4
- F5ECEA
- F8F1EF
- FAF5F4
- FDFAFA
シェード
- C8B5AF
- AB9A95
- 8E807C
- 736764
- 594F4D
- 403937
- 282322
- 13100F
- 030202
トーン
- DBC8C2
- D1BFBB
- C6B7B3
- BCAFAC
- B2A7A4
- A89F9D
- 9E9796
- 948F8E
- 8A8887
カラーハーモニー
補色 +180°
- E6D0CA
Pianissimo
- C3DAE0
≈ Getting Wet
類似色 -30° +30°
- E6D0CA
Pianissimo
- E6CFD3
≈ Delicate Pink
- E2D3C4
≈ Wheat Sheaf
トライアド +120° +240°
- E6D0CA
Pianissimo
- C9DBCE
≈ Tenderness
- D0D5E7
≈ Chill in the Air
スプリットコンプリメンタリー +150° +210°
- E6D0CA
Pianissimo
- C3DBD8
≈ Cold Air Turquoise
- C8D8E6
≈ Lively Tune
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.47:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.23:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--pianissimo: #e6d0ca;
--pianissimo-rgb: 230 208 202;
--pianissimo-oklch: oklch(0.874 0.026 35.7);
}
.element {
color: var(--pianissimo);
background-color: hsl(13 36% 85%);
border-color: oklch(0.874 0.026 35.7);
}Tailwind CSS v4
@theme {
--color-pianissimo: #e6d0ca;
--color-pianissimo-50: #fcf3f0;
--color-pianissimo-100: #f0e5e2;
--color-pianissimo-200: #dfd1cc;
--color-pianissimo-300: #c4b3ae;
--color-pianissimo-400: #ad9994;
--color-pianissimo-500: #96807a;
--color-pianissimo-600: #7f6d68;
--color-pianissimo-700: #665753;
--color-pianissimo-800: #4b3f3d;
--color-pianissimo-900: #342c2a;
--color-pianissimo-950: #1f1917;
}SCSS
$pianissimo: #e6d0ca;
$pianissimo-rgb: 230, 208, 202;
$pianissimo-light: mix(#fff, $pianissimo, 20%);
$pianissimo-dark: mix(#000, $pianissimo, 20%);
.element {
color: $pianissimo;
box-shadow: 0 0 0 2px rgba($pianissimo, 0.35);
}