色名 · #E0D0DB
Orchid Ice
Orchid Iceは#E0D0DB：rgb(224 208 219)、hsl(319 21% 85%)、oklch(0.874 0.023 336.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Orchid Ice color name →
#E0D0DB
oklch(0.874 0.023 336.9)
カラー変換
- HEX
- #e0d0db
- RGB
- rgb(224 208 219)
- HSL
- hsl(319 21% 85%)
- HWB
- hwb(319 82% 12%)
- OKLCH
- oklch(0.874 0.023 336.9)
- OKLab
- oklab(0.874 0.021 -0.009)
- CIE Lab
- lab(85.05 7.16 -3.35)
- LCH
- lch(85.05 7.91 334.9)
- CMYK
- cmyk(0% 7% 2% 12%)
ティント · シェード · トーン
ティント
- E3D5DF
- E6D9E2
- E9DEE6
- ECE3E9
- EFE7ED
- F3ECF0
- F6F1F4
- F9F5F8
- FCFAFB
シェード
- C3B5BE
- A69AA2
- 8A8087
- 70676D
- 564F54
- 3E393C
- 272326
- 121011
- 020202
トーン
- D6C8D2
- CCBFC8
- C2B7BF
- B8AFB6
- AFA7AC
- A59FA3
- 9C979A
- 928F91
- 898889
カラーハーモニー
補色 +180°
- E0D0DB
Orchid Ice
- CADACF
≈ Tenderness
類似色 -30° +30°
- E0D0DB
Orchid Ice
- D9D2E2
≈ Delicate Lilac Crystal
- E4D0D3
≈ Delicate Pink
トライアド +120° +240°
- E0D0DB
Orchid Ice
- D9D6C5
≈ Whetstone
- C6DADF
≈ Wan Blue
スプリットコンプリメンタリー +150° +210°
- E0D0DB
Orchid Ice
- D1D9C9
≈ Bayberry Frost
- C5DBD8
≈ Morning Dew White
テトラード +90° +180° +270°
- E0D0DB
Orchid Ice
- E0D3C6
≈ Coconut Ice
- CADACF
≈ Tenderness
- CAD7E4
≈ Baywater Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.47:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.21:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.21:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--orchid-ice: #e0d0db;
--orchid-ice-rgb: 224 208 219;
--orchid-ice-oklch: oklch(0.874 0.023 336.9);
}
.element {
color: var(--orchid-ice);
background-color: hsl(319 21% 85%);
border-color: oklch(0.874 0.023 336.9);
}Tailwind CSS v4
@theme {
--color-orchid-ice: #e0d0db;
--color-orchid-ice-50: #faf3f7;
--color-orchid-ice-100: #ede5ea;
--color-orchid-ice-200: #dbd1d7;
--color-orchid-ice-300: #c0b3bb;
--color-orchid-ice-400: #a899a3;
--color-orchid-ice-500: #91818c;
--color-orchid-ice-600: #7a6d76;
--color-orchid-ice-700: #62575f;
--color-orchid-ice-800: #483f46;
--color-orchid-ice-900: #322c30;
--color-orchid-ice-950: #1e191c;
}SCSS
$orchid-ice: #e0d0db;
$orchid-ice-rgb: 224, 208, 219;
$orchid-ice-light: mix(#fff, $orchid-ice, 20%);
$orchid-ice-dark: mix(#000, $orchid-ice, 20%);
.element {
color: $orchid-ice;
box-shadow: 0 0 0 2px rgba($orchid-ice, 0.35);
}