色名 · #EEB9A7
Jovial
Jovialは#EEB9A7：rgb(238 185 167)、hsl(15 68% 79%)、oklch(0.829 0.067 39.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Jovial color name →
#EEB9A7
oklch(0.829 0.067 39.6)
カラー変換
- HEX
- #eeb9a7
- RGB
- rgb(238 185 167)
- HSL
- hsl(15 68% 79%)
- HWB
- hwb(15 65% 7%)
- OKLCH
- oklch(0.829 0.067 39.6)
- OKLab
- oklab(0.829 0.051 0.042)
- CIE Lab
- lab(79.7 17.9 16.91)
- LCH
- lch(79.7 24.62 43.4)
- CMYK
- cmyk(0% 22% 30% 7%)
ティント · シェード · トーン
ティント
- F0C0B0
- F2C7B8
- F4CEC1
- F6D5CA
- F8DCD3
- F9E3DB
- FBEAE4
- FCF1ED
- FEF8F6
シェード
- CFA091
- B1897B
- 937166
- 775B52
- 5C463E
- 42312C
- 2A1E1A
- 140D0A
- 030201
トーン
- E3B3A3
- D7AD9F
- CCA89B
- C1A297
- B69C94
- AB9790
- A0918C
- 968B88
- 8B8684
カラーハーモニー
補色 +180°
- EEB9A7
Jovial
- 96D2E5
≈ Perfectly Blue
類似色 -30° +30°
- EEB9A7
Jovial
- EEB6BD
≈ Seashell Froth
- E4C098
≈ Laksa
トライアド +120° +240°
- EEB9A7
Jovial
- A2D5B8
≈ Glenwood Green
- BDC3F2
≈ Vodka
スプリットコンプリメンタリー +150° +210°
- EEB9A7
Jovial
- 94D5D0
≈ Summer Soft Blue
- A6CBF1
≈ Baby Blue Eyes
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.73:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.13:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--jovial: #eeb9a7;
--jovial-rgb: 238 185 167;
--jovial-oklch: oklch(0.829 0.067 39.6);
}
.element {
color: var(--jovial);
background-color: hsl(15 68% 79%);
border-color: oklch(0.829 0.067 39.6);
}Tailwind CSS v4
@theme {
--color-jovial: #eeb9a7;
--color-jovial-50: #ffefe7;
--color-jovial-100: #fde1d7;
--color-jovial-200: #eeccbf;
--color-jovial-300: #d6ad9d;
--color-jovial-400: #c29281;
--color-jovial-500: #ad7765;
--color-jovial-600: #926556;
--color-jovial-700: #755144;
--color-jovial-800: #573a32;
--color-jovial-900: #3d2822;
--color-jovial-950: #261611;
}SCSS
$jovial: #eeb9a7;
$jovial-rgb: 238, 185, 167;
$jovial-light: mix(#fff, $jovial, 20%);
$jovial-dark: mix(#000, $jovial, 20%);
.element {
color: $jovial;
box-shadow: 0 0 0 2px rgba($jovial, 0.35);
}