色名 · #EAAEA9
Sweet Tart
Sweet Tartは#EAAEA9：rgb(234 174 169)、hsl(5 61% 79%)、oklch(0.805 0.071 24.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Sweet Tart color name →
#EAAEA9
oklch(0.805 0.071 24.2)
カラー変換
- HEX
- #eaaea9
- RGB
- rgb(234 174 169)
- HSL
- hsl(5 61% 79%)
- HWB
- hwb(5 66% 8%)
- OKLCH
- oklch(0.805 0.071 24.2)
- OKLab
- oklab(0.805 0.065 0.029)
- CIE Lab
- lab(76.71 22.09 11.63)
- LCH
- lch(76.71 24.97 27.8)
- CMYK
- cmyk(0% 26% 28% 8%)
ティント · シェード · トーン
ティント
- EDB6B1
- EFBEBA
- F1C6C2
- F4CECB
- F6D6D3
- F8DEDC
- FAE7E5
- FCEFED
- FDF7F6
シェード
- CB9792
- AE807C
- 916A67
- 755553
- 5A413F
- 412E2C
- 291C1B
- 130B0A
- 030101
トーン
- DFA9A5
- D4A5A1
- CAA09D
- BF9C98
- B59794
- AA9290
- 9F8E8C
- 958988
- 8A8584
カラーハーモニー
補色 +180°
- EAAEA9
Sweet Tart
- 87CDD5
≈ White Ultramarine
類似色 -30° +30°
- EAAEA9
Sweet Tart
- E5ADC2
≈ Sekichiku Pink
- E4B494
≈ Sonora Apricot
トライアド +120° +240°
- EAAEA9
Sweet Tart
- A4CCA3
≈ Limestoned
- A8C0EE
≈ Sky High
スプリットコンプリメンタリー +150° +210°
- EAAEA9
Sweet Tart
- 8ECFBC
≈ Blue Frosting
- 92C8E7
≈ Deluxe Days
テトラード +90° +180° +270°
- EAAEA9
Sweet Tart
- BEC590
≈ Misty Valley
- 87CDD5
≈ White Ultramarine
- C1B7E9
≈ Purple Sand
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.12:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--sweet-tart: #eaaea9;
--sweet-tart-rgb: 234 174 169;
--sweet-tart-oklch: oklch(0.805 0.071 24.2);
}
.element {
color: var(--sweet-tart);
background-color: hsl(5 61% 79%);
border-color: oklch(0.805 0.071 24.2);
}Tailwind CSS v4
@theme {
--color-sweet-tart: #eaaea9;
--color-sweet-tart-50: #ffeeeb;
--color-sweet-tart-100: #ffdfdc;
--color-sweet-tart-200: #f1c9c4;
--color-sweet-tart-300: #daaaa4;
--color-sweet-tart-400: #c58e8a;
--color-sweet-tart-500: #b1736f;
--color-sweet-tart-600: #95625e;
--color-sweet-tart-700: #784e4b;
--color-sweet-tart-800: #593837;
--color-sweet-tart-900: #3e2726;
--color-sweet-tart-950: #271514;
}SCSS
$sweet-tart: #eaaea9;
$sweet-tart-rgb: 234, 174, 169;
$sweet-tart-light: mix(#fff, $sweet-tart, 20%);
$sweet-tart-dark: mix(#000, $sweet-tart, 20%);
.element {
color: $sweet-tart;
box-shadow: 0 0 0 2px rgba($sweet-tart, 0.35);
}