最も近い色名 · #D4AB9E
#D4AB9E
最も近い色名: Sun-Kissed Beach
#D4AB9E（rgb(212 171 158)、hsl(14 39% 73%)、oklch(0.775 0.052 38.3)）に最も近い色名はSun-Kissed Beachです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D4AB9E
oklch(0.775 0.052 38.3)
カラー変換
- HEX
- #d4ab9e
- RGB
- rgb(212 171 158)
- HSL
- hsl(14 39% 73%)
- HWB
- hwb(14 62% 17%)
- OKLCH
- oklch(0.775 0.052 38.3)
- OKLab
- oklab(0.775 0.041 0.032)
- CIE Lab
- lab(73.49 14.03 12.69)
- LCH
- lch(73.49 18.92 42.1)
- CMYK
- cmyk(0% 19% 25% 17%)
ティント · シェード · トーン
ティント
- D9B3A7
- DDBBB1
- E1C4BA
- E6CCC4
- EAD5CE
- EEDDD7
- F3E5E1
- F7EEEB
- FBF6F5
シェード
- B89489
- 9D7E74
- 836860
- 69544D
- 51403A
- 3A2D29
- 241B18
- 100B09
- 020101
トーン
- CBA79B
- C3A298
- BA9E95
- B29A92
- AA958F
- A1918C
- 998D89
- 918986
- 888483
カラーハーモニー
補色 +180°
- D4AB9E
Sun-Kissed Beach
- 91BECC
≈ Reef Blue
類似色 -30° +30°
- D4AB9E
Sun-Kissed Beach
- D4A9AF
≈ Foxy Lady
- CCB093
≈ Dover Plains
トライアド +120° +240°
- D4AB9E
Sun-Kissed Beach
- 9BC0A9
≈ Spring Reflection
- AEB3D7
≈ Pixie Violet
スプリットコンプリメンタリー +150° +210°
- D4AB9E
Sun-Kissed Beach
- 90C1BC
≈ Focus Point
- 9CB9D6
≈ Novella Blue
テトラード +90° +180° +270°
- D4AB9E
Sun-Kissed Beach
- ACBD9A
≈ Rolling Glen
- 91BECC
≈ Reef Blue
- BFADD0
≈ Grape’s Treasure
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.07:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 10.11:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--sun-kissed-beach: #d4ab9e;
--sun-kissed-beach-rgb: 212 171 158;
--sun-kissed-beach-oklch: oklch(0.775 0.052 38.3);
}
.element {
color: var(--sun-kissed-beach);
background-color: hsl(14 39% 73%);
border-color: oklch(0.775 0.052 38.3);
}Tailwind CSS v4
@theme {
--color-sun-kissed-beach: #d4ab9e;
--color-sun-kissed-beach-50: #fff1ea;
--color-sun-kissed-beach-100: #f8e3db;
--color-sun-kissed-beach-200: #e9cdc4;
--color-sun-kissed-beach-300: #d0afa4;
--color-sun-kissed-beach-400: #ba9488;
--color-sun-kissed-beach-500: #a57b6d;
--color-sun-kissed-beach-600: #8b685d;
--color-sun-kissed-beach-700: #70534a;
--color-sun-kissed-beach-800: #533c36;
--color-sun-kissed-beach-900: #3a2925;
--color-sun-kissed-beach-950: #241713;
}SCSS
$sun-kissed-beach: #d4ab9e;
$sun-kissed-beach-rgb: 212, 171, 158;
$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);
}