色名 · #E1C2C5
Odyssey Plum
Odyssey Plumは#E1C2C5：rgb(225 194 197)、hsl(354 34% 82%)、oklch(0.841 0.035 11.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Odyssey Plum color name →
#E1C2C5
oklch(0.841 0.035 11.3)
カラー変換
- HEX
- #e1c2c5
- RGB
- rgb(225 194 197)
- HSL
- hsl(354 34% 82%)
- HWB
- hwb(354 76% 12%)
- OKLCH
- oklch(0.841 0.035 11.3)
- OKLab
- oklab(0.841 0.035 0.007)
- CIE Lab
- lab(81.19 11.71 2.77)
- LCH
- lch(81.19 12.03 13.3)
- CMYK
- cmyk(0% 14% 12% 12%)
ティント · シェード · トーン
ティント
- E4C8CB
- E7CED0
- EAD4D6
- EDDADC
- F0E0E2
- F3E6E7
- F6ECED
- F9F3F3
- FCF9F9
シェード
- C4A8AB
- A78F92
- 8B7779
- 706061
- 56494B
- 3E3435
- 272021
- 120E0E
- 020202
トーン
- D7BBBE
- CDB4B7
- C3AEB0
- B9A7A9
- B0A0A2
- A69A9B
- 9C9394
- 938D8D
- 898687
カラーハーモニー
補色 +180°
- E1C2C5
Odyssey Plum
- B2D3D0
≈ Icy Morn
類似色 -30° +30°
- E1C2C5
Odyssey Plum
- DCC2D2
≈ Blissful
- E0C4BA
≈ Golden Guernsey
トライアド +120° +240°
- E1C2C5
Odyssey Plum
- C3D0B8
≈ Tender Greens
- BBCDE2
≈ Sky’s the Limit
スプリットコンプリメンタリー +150° +210°
- E1C2C5
Odyssey Plum
- B8D3C4
≈ Little Beaux Blue
- B3D1DB
≈ Shrubby Lichen
テトラード +90° +180° +270°
- E1C2C5
Odyssey Plum
- CFCCB2
≈ Platinum Sage
- B2D3D0
≈ Icy Morn
- C6C9E2
≈ Silver Sweetpea
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.65:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.72:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--odyssey-plum: #e1c2c5;
--odyssey-plum-rgb: 225 194 197;
--odyssey-plum-oklch: oklch(0.841 0.035 11.3);
}
.element {
color: var(--odyssey-plum);
background-color: hsl(354 34% 82%);
border-color: oklch(0.841 0.035 11.3);
}Tailwind CSS v4
@theme {
--color-odyssey-plum: #e1c2c5;
--color-odyssey-plum-50: #fff1f2;
--color-odyssey-plum-100: #f3e3e4;
--color-odyssey-plum-200: #e3ced0;
--color-odyssey-plum-300: #c9b0b2;
--color-odyssey-plum-400: #b29699;
--color-odyssey-plum-500: #9c7d80;
--color-odyssey-plum-600: #846a6c;
--color-odyssey-plum-700: #6a5557;
--color-odyssey-plum-800: #4e3d40;
--color-odyssey-plum-900: #362a2c;
--color-odyssey-plum-950: #211819;
}SCSS
$odyssey-plum: #e1c2c5;
$odyssey-plum-rgb: 225, 194, 197;
$odyssey-plum-light: mix(#fff, $odyssey-plum, 20%);
$odyssey-plum-dark: mix(#000, $odyssey-plum, 20%);
.element {
color: $odyssey-plum;
box-shadow: 0 0 0 2px rgba($odyssey-plum, 0.35);
}