色名 · #D5BFAD
Elusive Dawn
Elusive Dawnは#D5BFAD：rgb(213 191 173)、hsl(27 32% 76%)、oklch(0.818 0.035 61.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Elusive Dawn color name →
#D5BFAD
oklch(0.818 0.035 61.6)
カラー変換
- HEX
- #d5bfad
- RGB
- rgb(213 191 173)
- HSL
- hsl(27 32% 76%)
- HWB
- hwb(27 68% 16%)
- OKLCH
- oklch(0.818 0.035 61.6)
- OKLab
- oklab(0.818 0.017 0.031)
- CIE Lab
- lab(78.86 5.93 12.11)
- LCH
- lch(78.86 13.48 63.9)
- CMYK
- cmyk(0% 10% 19% 16%)
ティント · シェード · トーン
ティント
- D9C5B5
- DDCCBD
- E2D2C5
- E6D8CD
- EADFD5
- EEE5DE
- F2ECE6
- F7F2EE
- FBF8F7
シェード
- B9A696
- 9E8D7F
- 83756A
- 6A5E55
- 514841
- 3A332D
- 241F1B
- 100D0B
- 020201
トーン
- CCB9A8
- C3B2A4
- BBAC9F
- B2A59B
- AA9F96
- A19992
- 99928D
- 908C89
- 888684
カラーハーモニー
補色 +180°
- D5BFAD
Elusive Dawn
- B0C7D9
≈ Caspian Tide
類似色 -30° +30°
- D5BFAD
Elusive Dawn
- D9BCB6
≈ Rose Yoghurt
- CCC3AA
≈ Threaded Loom
トライアド +120° +240°
- D5BFAD
Elusive Dawn
- ACCBC5
≈ Baby Aqua
- C7BFD7
≈ Playful Petal
スプリットコンプリメンタリー +150° +210°
- D5BFAD
Elusive Dawn
- AACAD1
≈ Sky Chase
- BBC3DB
≈ Blue Hydrangea
テトラード +90° +180° +270°
- D5BFAD
Elusive Dawn
- B4CBB8
≈ Subtle Green
- B0C7D9
≈ Caspian Tide
- D2BCCE
≈ Tamed Beauty
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.88:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--elusive-dawn: #d5bfad;
--elusive-dawn-rgb: 213 191 173;
--elusive-dawn-oklch: oklch(0.818 0.035 61.6);
}
.element {
color: var(--elusive-dawn);
background-color: hsl(27 32% 76%);
border-color: oklch(0.818 0.035 61.6);
}Tailwind CSS v4
@theme {
--color-elusive-dawn: #d5bfad;
--color-elusive-dawn-50: #fdf3eb;
--color-elusive-dawn-100: #f1e6dc;
--color-elusive-dawn-200: #dfd1c5;
--color-elusive-dawn-300: #c5b4a5;
--color-elusive-dawn-400: #ae9a8a;
--color-elusive-dawn-500: #98816f;
--color-elusive-dawn-600: #806e5e;
--color-elusive-dawn-700: #67584b;
--color-elusive-dawn-800: #4c4036;
--color-elusive-dawn-900: #352c25;
--color-elusive-dawn-950: #201914;
}SCSS
$elusive-dawn: #d5bfad;
$elusive-dawn-rgb: 213, 191, 173;
$elusive-dawn-light: mix(#fff, $elusive-dawn, 20%);
$elusive-dawn-dark: mix(#000, $elusive-dawn, 20%);
.element {
color: $elusive-dawn;
box-shadow: 0 0 0 2px rgba($elusive-dawn, 0.35);
}