이름 색상 · #DD9592
Dusty Cedar
Dusty Cedar은(는) #DD9592: rgb(221 149 146), hsl(2 52% 72%), oklch(0.74 0.088 22). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Dusty Cedar color name →
#DD9592
oklch(0.74 0.088 22)
색상 변환
- HEX
- #dd9592
- RGB
- rgb(221 149 146)
- HSL
- hsl(2 52% 72%)
- HWB
- hwb(2 57% 13%)
- OKLCH
- oklch(0.74 0.088 22)
- OKLab
- oklab(0.74 0.081 0.033)
- CIE Lab
- lab(69.02 27.62 13.25)
- LCH
- lch(69.02 30.64 25.6)
- CMYK
- cmyk(0% 33% 34% 13%)
틴트 · 셰이드 · 톤
틴트
- E1A09C
- E5AAA7
- E9B5B2
- EDBFBD
- F0CAC7
- F3D4D2
- F7DFDD
- FAEAE8
- FCF4F4
셰이드
- C0817E
- A46D6B
- 885A58
- 6E4846
- 553735
- 3D2625
- 261616
- 110808
- 020101
톤
- D49390
- CB918F
- C18F8D
- B88D8B
- AF8B89
- A68987
- 9C8786
- 938584
- 8A8282
색 조화
보색 +180°
- DD9592
Dusty Cedar
- 60BCC3
≈ Pharaoh’s Seas
유사색 -30° +30°
- DD9592
Dusty Cedar
- D794B1
≈ Techno Pink
- D89C77
≈ Laredo
삼각 배색 +120° +240°
- DD9592
Dusty Cedar
- 8BB986
≈ Aniseed Leaf Green
- 8DABE3
≈ Queer Blue
분열 보색 +150° +210°
- DD9592
Dusty Cedar
- 6DBDA5
≈ Mint Cold Green
- 6FB5D9
≈ Skyscape
사각 배색 +90° +180° +270°
- DD9592
Dusty Cedar
- ACB16F
≈ Timothy Grass
- 60BCC3
≈ Pharaoh’s Seas
- ACA1DE
≈ Simply Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.38:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.78:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--dusty-cedar: #dd9592;
--dusty-cedar-rgb: 221 149 146;
--dusty-cedar-oklch: oklch(0.74 0.088 22);
}
.element {
color: var(--dusty-cedar);
background-color: hsl(2 52% 72%);
border-color: oklch(0.74 0.088 22);
}Tailwind CSS v4
@theme {
--color-dusty-cedar: #dd9592;
--color-dusty-cedar-50: #ffece9;
--color-dusty-cedar-100: #ffddda;
--color-dusty-cedar-200: #f8c6c2;
--color-dusty-cedar-300: #e1a6a2;
--color-dusty-cedar-400: #cd8a87;
--color-dusty-cedar-500: #b96e6c;
--color-dusty-cedar-600: #9c5d5b;
--color-dusty-cedar-700: #7e4a49;
--color-dusty-cedar-800: #5d3636;
--color-dusty-cedar-900: #412525;
--color-dusty-cedar-950: #2a1313;
}SCSS
$dusty-cedar: #dd9592;
$dusty-cedar-rgb: 221, 149, 146;
$dusty-cedar-light: mix(#fff, $dusty-cedar, 20%);
$dusty-cedar-dark: mix(#000, $dusty-cedar, 20%);
.element {
color: $dusty-cedar;
box-shadow: 0 0 0 2px rgba($dusty-cedar, 0.35);
}