最も近い色名 · #E0AA99
#E0AA99
最も近い色名: Sun-Kissed Beach
#E0AA99（rgb(224 170 153)、hsl(14 53% 74%)、oklch(0.784 0.068 38.2)）に最も近い色名はSun-Kissed Beachです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E0AA99
oklch(0.784 0.068 38.2)
カラー変換
- HEX
- #e0aa99
- RGB
- rgb(224 170 153)
- HSL
- hsl(14 53% 74%)
- HWB
- hwb(14 60% 12%)
- OKLCH
- oklch(0.784 0.068 38.2)
- OKLab
- oklab(0.784 0.054 0.042)
- CIE Lab
- lab(74.4 18.73 16.88)
- LCH
- lch(74.4 25.21 42)
- CMYK
- cmyk(0% 24% 32% 12%)
ティント · シェード · トーン
ティント
- E4B2A3
- E7BBAD
- EAC3B7
- EDCCC1
- F1D4CB
- F4DDD6
- F7E5E0
- FAEEEA
- FCF6F5
シェード
- C39384
- A67D70
- 8A685D
- 70534A
- 563F38
- 3E2D27
- 271B17
- 120B08
- 020101
トーン
- D6A697
- CDA294
- C39D92
- B9998F
- B0958D
- A6918A
- 9D8D88
- 938885
- 8A8483
カラーハーモニー
補色 +180°
- E0AA99
Sun-Kissed Beach
- 86C4D6
≈ Dolphin
類似色 -30° +30°
- E0AA99
Sun-Kissed Beach
- E0A7B0
≈ Raspberry Lemonade
- D6B189
≈ Summerwood
トライアド +120° +240°
- E0AA99
Sun-Kissed Beach
- 94C6A8
≈ Peppermint Spray
- AEB5E5
≈ Perano
スプリットコンプリメンタリー +150° +210°
- E0AA99
Sun-Kissed Beach
- 84C7C1
≈ Mercury Mist
- 96BDE3
≈ Vive le Bleu
テトラード +90° +180° +270°
- E0AA99
Sun-Kissed Beach
- ACC193
≈ Harmonious
- 86C4D6
≈ Dolphin
- C5ADDB
≈ Lavender Field Dreamer
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.37:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--sun-kissed-beach: #e0aa99;
--sun-kissed-beach-rgb: 224 170 153;
--sun-kissed-beach-oklch: oklch(0.784 0.068 38.2);
}
.element {
color: var(--sun-kissed-beach);
background-color: hsl(14 53% 74%);
border-color: oklch(0.784 0.068 38.2);
}Tailwind CSS v4
@theme {
--color-sun-kissed-beach: #e0aa99;
--color-sun-kissed-beach-50: #ffefe7;
--color-sun-kissed-beach-100: #fde1d7;
--color-sun-kissed-beach-200: #efcbbf;
--color-sun-kissed-beach-300: #d7ac9d;
--color-sun-kissed-beach-400: #c39181;
--color-sun-kissed-beach-500: #ae7665;
--color-sun-kissed-beach-600: #936456;
--color-sun-kissed-beach-700: #765044;
--color-sun-kissed-beach-800: #573a32;
--color-sun-kissed-beach-900: #3d2822;
--color-sun-kissed-beach-950: #261611;
}SCSS
$sun-kissed-beach: #e0aa99;
$sun-kissed-beach-rgb: 224, 170, 153;
$sun-kissed-beach-light: mix(#fff, $sun-kissed-beach, 20%);
$sun-kissed-beach-dark: mix(#000, $sun-kissed-beach, 20%);
.element {
color: $sun-kissed-beach;
box-shadow: 0 0 0 2px rgba($sun-kissed-beach, 0.35);
}