色名 · #D6D4E6
Dulcinea
Dulcineaは#D6D4E6：rgb(214 212 230)、hsl(247 26% 87%)、oklch(0.877 0.025 291)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Dulcinea color name →
#D6D4E6
oklch(0.877 0.025 291)
カラー変換
- HEX
- #d6d4e6
- RGB
- rgb(214 212 230)
- HSL
- hsl(247 26% 87%)
- HWB
- hwb(247 83% 10%)
- OKLCH
- oklch(0.877 0.025 291)
- OKLab
- oklab(0.877 0.009 -0.023)
- CIE Lab
- lab(85.48 3.22 -8.63)
- LCH
- lch(85.48 9.21 290.5)
- CMYK
- cmyk(7% 8% 0% 10%)
ティント · シェード · トーン
ティント
- DAD8E9
- DEDDEB
- E2E1EE
- E6E5F0
- EAE9F3
- EEEEF5
- F3F2F8
- F7F6FA
- FBFBFD
シェード
- BAB8C8
- 9E9DAB
- 84838E
- 6A6973
- 525159
- 3B3A40
- 252428
- 101013
- 020203
トーン
- CDCBDB
- C4C3D1
- BBBAC6
- B3B2BC
- AAA9B2
- A1A1A8
- 99989D
- 919094
- 88888A
カラーハーモニー
補色 +180°
- D6D4E6
Dulcinea
- D7D8C6
≈ Smoky Light
類似色 -30° +30°
- D6D4E6
Dulcinea
- CDD7E7
≈ Monet Lily
- DED1E1
≈ Ametrine Quartz
トライアド +120° +240°
- D6D4E6
Dulcinea
- E5D2C8
≈ Blossom Time
- C7DCD4
≈ Ocean Silk
スプリットコンプリメンタリー +150° +210°
- D6D4E6
Dulcinea
- DFD5C5
≈ Wheat Sheaf
- CEDBCC
≈ Leek White
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.41:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--dulcinea: #d6d4e6;
--dulcinea-rgb: 214 212 230;
--dulcinea-oklch: oklch(0.877 0.025 291);
}
.element {
color: var(--dulcinea);
background-color: hsl(247 26% 87%);
border-color: oklch(0.877 0.025 291);
}Tailwind CSS v4
@theme {
--color-dulcinea: #d6d4e6;
--color-dulcinea-50: #f5f4fc;
--color-dulcinea-100: #e8e6f0;
--color-dulcinea-200: #d4d2de;
--color-dulcinea-300: #b7b5c3;
--color-dulcinea-400: #9e9cac;
--color-dulcinea-500: #868496;
--color-dulcinea-600: #716f7f;
--color-dulcinea-700: #5b5965;
--color-dulcinea-800: #42414b;
--color-dulcinea-900: #2d2d34;
--color-dulcinea-950: #1a1a1f;
}SCSS
$dulcinea: #d6d4e6;
$dulcinea-rgb: 214, 212, 230;
$dulcinea-light: mix(#fff, $dulcinea, 20%);
$dulcinea-dark: mix(#000, $dulcinea, 20%);
.element {
color: $dulcinea;
box-shadow: 0 0 0 2px rgba($dulcinea, 0.35);
}