最も近い色名 · #E27D83
#E27D83
最も近い色名: Pulp
#E27D83（rgb(226 125 131)、hsl(356 64% 69%)、oklch(0.703 0.125 17)）に最も近い色名はPulpです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E27D83
oklch(0.703 0.125 17)
カラー変換
- HEX
- #e27d83
- RGB
- rgb(226 125 131)
- HSL
- hsl(356 64% 69%)
- HWB
- hwb(356 49% 11%)
- OKLCH
- oklch(0.703 0.125 17)
- OKLab
- oklab(0.703 0.119 0.037)
- CIE Lab
- lab(64.16 40.32 15.07)
- LCH
- lch(64.16 43.04 20.5)
- CMYK
- cmyk(0% 45% 42% 11%)
ティント · シェード · トーン
ティント
- E68A8F
- EA979B
- EEA4A7
- F1B1B3
- F5BEC0
- F7CBCC
- FAD8D9
- FCE5E5
- FEF2F2
シェード
- C46C71
- A85B60
- 8C4B4F
- 713B3F
- 572C2F
- 3E1E20
- 271112
- 120506
- 030101
トーン
- D97E83
- CF7F83
- C68082
- BC8082
- B38082
- A98181
- 9F8181
- 958181
- 8B8080
カラーハーモニー
補色 +180°
- E27D83
Pulp
- 00B6B9
≈ Cyan Sky
類似色 -30° +30°
トライアド +120° +240°
- E27D83
Pulp
- 79B161
≈ Bud Green
- 6BA1EC
≈ Feather Star
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.49:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--pulp: #e27d83;
--pulp-rgb: 226 125 131;
--pulp-oklch: oklch(0.703 0.125 17);
}
.element {
color: var(--pulp);
background-color: hsl(356 64% 69%);
border-color: oklch(0.703 0.125 17);
}Tailwind CSS v4
@theme {
--color-pulp: #e27d83;
--color-pulp-50: #ffe8e7;
--color-pulp-100: #ffd8d7;
--color-pulp-200: #ffbfbf;
--color-pulp-300: #f19d9e;
--color-pulp-400: #de7e84;
--color-pulp-500: #cb5f68;
--color-pulp-600: #ac5158;
--color-pulp-700: #8a4146;
--color-pulp-800: #662e34;
--color-pulp-900: #481f24;
--color-pulp-950: #2f0e12;
}SCSS
$pulp: #e27d83;
$pulp-rgb: 226, 125, 131;
$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);
}