色名 · #EBAEAC
Shaded Primrose
Shaded Primroseは#EBAEAC：rgb(235 174 172)、hsl(2 61% 80%)、oklch(0.807 0.072 20.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Shaded Primrose color name →
#EBAEAC
oklch(0.807 0.072 20.9)
カラー変換
- HEX
- #ebaeac
- RGB
- rgb(235 174 172)
- HSL
- hsl(2 61% 80%)
- HWB
- hwb(2 67% 8%)
- OKLCH
- oklch(0.807 0.072 20.9)
- OKLab
- oklab(0.807 0.067 0.026)
- CIE Lab
- lab(76.88 22.77 10.25)
- LCH
- lch(76.88 24.97 24.2)
- CMYK
- cmyk(0% 26% 27% 8%)
ティント · シェード · トーン
ティント
- EEB6B4
- F0BEBC
- F2C6C4
- F4CECD
- F6D6D5
- F8DEDD
- FAE7E6
- FCEFEE
- FEF7F6
シェード
- CC9795
- AE807F
- 916A69
- 755554
- 5B4140
- 412E2D
- 291C1B
- 130B0B
- 030101
トーン
- E0A9A8
- D5A5A3
- CAA09F
- C09C9A
- B59796
- AA9291
- A08E8D
- 958989
- 8B8584
カラーハーモニー
補色 +180°
- EBAEAC
Shaded Primrose
- 87CED3
≈ Aqua Splash
類似色 -30° +30°
- EBAEAC
Shaded Primrose
- E5ADC6
≈ Pink Macaroon
- E7B396
≈ Pretty Rascal
トライアド +120° +240°
- EBAEAC
Shaded Primrose
- A7CCA1
≈ Limestoned
- A6C1EF
≈ Sky High
スプリットコンプリメンタリー +150° +210°
- EBAEAC
Shaded Primrose
- 90CFBA
≈ Mint Ice Cream
- 90C9E6
≈ Deluxe Days
テトラード +90° +180° +270°
- EBAEAC
Shaded Primrose
- C1C58F
≈ Yerba Mate
- 87CED3
≈ Aqua Splash
- BFB8EC
≈ Purple Sand
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.87:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.18:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--shaded-primrose: #ebaeac;
--shaded-primrose-rgb: 235 174 172;
--shaded-primrose-oklch: oklch(0.807 0.072 20.9);
}
.element {
color: var(--shaded-primrose);
background-color: hsl(2 61% 80%);
border-color: oklch(0.807 0.072 20.9);
}Tailwind CSS v4
@theme {
--color-shaded-primrose: #ebaeac;
--color-shaded-primrose-50: #ffeeec;
--color-shaded-primrose-100: #ffdfdd;
--color-shaded-primrose-200: #f2c9c6;
--color-shaded-primrose-300: #daaaa6;
--color-shaded-primrose-400: #c68e8c;
--color-shaded-primrose-500: #b17372;
--color-shaded-primrose-600: #966160;
--color-shaded-primrose-700: #784e4d;
--color-shaded-primrose-800: #593838;
--color-shaded-primrose-900: #3e2627;
--color-shaded-primrose-950: #271515;
}SCSS
$shaded-primrose: #ebaeac;
$shaded-primrose-rgb: 235, 174, 172;
$shaded-primrose-light: mix(#fff, $shaded-primrose, 20%);
$shaded-primrose-dark: mix(#000, $shaded-primrose, 20%);
.element {
color: $shaded-primrose;
box-shadow: 0 0 0 2px rgba($shaded-primrose, 0.35);
}