最も近い色名 · #E68388
#E68388
最も近い色名: Pulp
#E68388（rgb(230 131 136)、hsl(357 66% 71%)、oklch(0.718 0.122 17.4)）に最も近い色名はPulpです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E68388
oklch(0.718 0.122 17.4)
カラー変換
- HEX
- #e68388
- RGB
- rgb(230 131 136)
- HSL
- hsl(357 66% 71%)
- HWB
- hwb(357 51% 10%)
- OKLCH
- oklch(0.718 0.122 17.4)
- OKLab
- oklab(0.718 0.116 0.036)
- CIE Lab
- lab(66.04 39.25 14.92)
- LCH
- lch(66.04 41.99 20.8)
- CMYK
- cmyk(0% 43% 41% 10%)
ティント · シェード · トーン
ティント
- EA9093
- ED9C9F
- F1A9AB
- F4B5B6
- F6C1C2
- F9CECE
- FBDADA
- FCE6E6
- FEF3F3
シェード
- C87175
- AB6063
- 8E4F52
- 733F41
- 592F31
- 402022
- 281213
- 130606
- 030101
トーン
- DC8387
- D28487
- C88486
- BE8385
- B48384
- AA8383
- A08283
- 968282
- 8B8181
カラーハーモニー
補色 +180°
- E68388
Pulp
- 05BBBF
≈ Jade Gravel
類似色 -30° +30°
- E68388
Pulp
- DB83B2
≈ Middle Purple
- E28B5E
≈ Aegean Sky
トライアド +120° +240°
- E68388
Pulp
- 7EB669
≈ Bud Green
- 72A6EF
≈ Greek Sea
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.63:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 7.96:1 · APCA Lc 51
最適な文字色: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--pulp: #e68388;
--pulp-rgb: 230 131 136;
--pulp-oklch: oklch(0.718 0.122 17.4);
}
.element {
color: var(--pulp);
background-color: hsl(357 66% 71%);
border-color: oklch(0.718 0.122 17.4);
}Tailwind CSS v4
@theme {
--color-pulp: #e68388;
--color-pulp-50: #ffe8e7;
--color-pulp-100: #ffd8d8;
--color-pulp-200: #ffc0bf;
--color-pulp-300: #ef9e9e;
--color-pulp-400: #dd7f84;
--color-pulp-500: #ca6168;
--color-pulp-600: #aa5258;
--color-pulp-700: #894246;
--color-pulp-800: #662f34;
--color-pulp-900: #482024;
--color-pulp-950: #2e0f13;
}SCSS
$pulp: #e68388;
$pulp-rgb: 230, 131, 136;
$pulp-light: mix(#fff, $pulp, 20%);
$pulp-dark: mix(#000, $pulp, 20%);
.element {
color: $pulp;
box-shadow: 0 0 0 2px rgba($pulp, 0.35);
}