色名 · #DAA5AA
Prom
Promは#DAA5AA：rgb(218 165 170)、hsl(354 42% 75%)、oklch(0.772 0.063 12.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Prom color name →
#DAA5AA
oklch(0.772 0.063 12.3)
カラー変換
- HEX
- #daa5aa
- RGB
- rgb(218 165 170)
- HSL
- hsl(354 42% 75%)
- HWB
- hwb(354 65% 15%)
- OKLCH
- oklch(0.772 0.063 12.3)
- OKLab
- oklab(0.772 0.062 0.013)
- CIE Lab
- lab(72.9 20.68 5.42)
- LCH
- lch(72.9 21.38 14.7)
- CMYK
- cmyk(0% 24% 22% 15%)
ティント · シェード · トーン
ティント
- DEAEB2
- E2B7BB
- E6C0C3
- EAC9CB
- EED2D4
- F1DBDC
- F5E4E5
- F8EDEE
- FCF6F6
シェード
- BD8F93
- A2797D
- 876568
- 6C5153
- 543D3F
- 3C2B2D
- 251A1B
- 110A0B
- 020101
トーン
- D1A1A6
- C89EA1
- BF9A9D
- B69699
- AD9395
- A48F91
- 9B8B8C
- 928788
- 898484
カラーハーモニー
補色 +180°
- DAA5AA
Prom
- 85C2BF
≈ Undine
類似色 -30° +30°
- DAA5AA
Prom
- D2A6C0
≈ Enhance
- D9A896
≈ Fortune’s Prize
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.94:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--prom: #daa5aa;
--prom-rgb: 218 165 170;
--prom-oklch: oklch(0.772 0.063 12.3);
}
.element {
color: var(--prom);
background-color: hsl(354 42% 75%);
border-color: oklch(0.772 0.063 12.3);
}Tailwind CSS v4
@theme {
--color-prom: #daa5aa;
--color-prom-50: #ffeeef;
--color-prom-100: #fce0e1;
--color-prom-200: #eecacc;
--color-prom-300: #d6abad;
--color-prom-400: #c19094;
--color-prom-500: #ac757b;
--color-prom-600: #916368;
--color-prom-700: #744f53;
--color-prom-800: #56393d;
--color-prom-900: #3c272a;
--color-prom-950: #261518;
}SCSS
$prom: #daa5aa;
$prom-rgb: 218, 165, 170;
$prom-light: mix(#fff, $prom, 20%);
$prom-dark: mix(#000, $prom, 20%);
.element {
color: $prom;
box-shadow: 0 0 0 2px rgba($prom, 0.35);
}