色名 · #EE867D
Salmon Carpaccio
Salmon Carpaccioは#EE867D：rgb(238 134 125)、hsl(5 77% 71%)、oklch(0.731 0.129 25.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Salmon Carpaccio color name →
#EE867D
oklch(0.731 0.129 25.9)
カラー変換
- HEX
- #ee867d
- RGB
- rgb(238 134 125)
- HSL
- hsl(5 77% 71%)
- HWB
- hwb(5 49% 7%)
- OKLCH
- oklch(0.731 0.129 25.9)
- OKLab
- oklab(0.731 0.116 0.056)
- CIE Lab
- lab(67.54 39.97 23.31)
- LCH
- lch(67.54 46.27 30.2)
- CMYK
- cmyk(0% 44% 47% 7%)
ティント · シェード · トーン
ティント
- F1938A
- F49F96
- F6ABA3
- F9B7B0
- FBC3BD
- FCCFCA
- FDDBD7
- FEE7E4
- FFF3F2
シェード
- CF746C
- B1625B
- 93514B
- 77403B
- 5C302C
- 42211E
- 2A1311
- 140605
- 030101
トーン
- E3867E
- D9867E
- CE867F
- C3857F
- B8857F
- AD8480
- A28380
- 978280
- 8C8180
カラーハーモニー
補色 +180°
- EE867D
Salmon Carpaccio
- 00BECE
≈ Panorama Blue
類似色 -30° +30°
- EE867D
Salmon Carpaccio
- E784AB
≈ Aurora Pink
- E59152
≈ Sabre-Toothed Tiger
トライアド +120° +240°
- EE867D
Salmon Carpaccio
- 6FBD75
≈ Iguana Green
- 82A5F9
≈ Fennel Flower
スプリットコンプリメンタリー +150° +210°
- EE867D
Salmon Carpaccio
- 28C2A5
≈ Jade Mountain
- 47B4EE
≈ Lynx Screen Blue
テトラード +90° +180° +270°
- EE867D
Salmon Carpaccio
- A4B24B
≈ Elysian Green
- 00BECE
≈ Panorama Blue
- AF96F0
≈ Dreamy Candy Forest
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.51:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.34:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--salmon-carpaccio: #ee867d;
--salmon-carpaccio-rgb: 238 134 125;
--salmon-carpaccio-oklch: oklch(0.731 0.129 25.9);
}
.element {
color: var(--salmon-carpaccio);
background-color: hsl(5 77% 71%);
border-color: oklch(0.731 0.129 25.9);
}Tailwind CSS v4
@theme {
--color-salmon-carpaccio: #ee867d;
--color-salmon-carpaccio-50: #ffe8e1;
--color-salmon-carpaccio-100: #ffd8d0;
--color-salmon-carpaccio-200: #ffc0b6;
--color-salmon-carpaccio-300: #f29e93;
--color-salmon-carpaccio-400: #e07f76;
--color-salmon-carpaccio-500: #ce5f58;
--color-salmon-carpaccio-600: #ae514b;
--color-salmon-carpaccio-700: #8c413b;
--color-salmon-carpaccio-800: #682e2c;
--color-salmon-carpaccio-900: #491f1e;
--color-salmon-carpaccio-950: #300e0e;
}SCSS
$salmon-carpaccio: #ee867d;
$salmon-carpaccio-rgb: 238, 134, 125;
$salmon-carpaccio-light: mix(#fff, $salmon-carpaccio, 20%);
$salmon-carpaccio-dark: mix(#000, $salmon-carpaccio, 20%);
.element {
color: $salmon-carpaccio;
box-shadow: 0 0 0 2px rgba($salmon-carpaccio, 0.35);
}