이름 색상 · #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);
}