이름 색상 · #DDCAAF
Cameo Role
Cameo Role은(는) #DDCAAF: rgb(221 202 175), hsl(35 40% 78%), oklch(0.848 0.042 76.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cameo Role color name →
#DDCAAF
oklch(0.848 0.042 76.7)
색상 변환
- HEX
- #ddcaaf
- RGB
- rgb(221 202 175)
- HSL
- hsl(35 40% 78%)
- HWB
- hwb(35 69% 13%)
- OKLCH
- oklch(0.848 0.042 76.7)
- OKLab
- oklab(0.848 0.01 0.041)
- CIE Lab
- lab(82.39 3.72 16.07)
- LCH
- lch(82.39 16.5 77)
- CMYK
- cmyk(0% 9% 21% 13%)
틴트 · 셰이드 · 톤
틴트
- E0CFB7
- E4D4BF
- E7DAC7
- EBDFCF
- EEE4D7
- F1EADF
- F5EFE7
- F8F4EF
- FCFAF7
셰이드
- C0AF98
- A49581
- 887C6B
- 6E6456
- 554D41
- 3D372E
- 26221C
- 110F0B
- 020201
톤
- D3C2AA
- CABBA6
- C0B3A1
- B7AC9C
- ADA497
- A49D93
- 9B968E
- 928E89
- 898785
색 조화
보색 +180°
- DDCAAF
Cameo Role
- BCCFE9
≈ Maritime
유사색 -30° +30°
- DDCAAF
Cameo Role
- E5C5B6
≈ Cream Tan
- D0CFB0
≈ Longbeard Grey
삼각 배색 +120° +240°
- DDCAAF
Cameo Role
- AED6D6
≈ Sugar Pool
- D8C5E0
≈ Simply Lavender
분열 보색 +150° +210°
- DDCAAF
Cameo Role
- B1D3E3
≈ Spotted Snake Eel
- CAC9E8
≈ Italian Fitch
사각 배색 +90° +180° +270°
- DDCAAF
Cameo Role
- B4D6C7
≈ Gemini
- BCCFE9
≈ Maritime
- E3C2D2
≈ In the Slip
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.14:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--cameo-role: #ddcaaf;
--cameo-role-rgb: 221 202 175;
--cameo-role-oklch: oklch(0.848 0.042 76.7);
}
.element {
color: var(--cameo-role);
background-color: hsl(35 40% 78%);
border-color: oklch(0.848 0.042 76.7);
}Tailwind CSS v4
@theme {
--color-cameo-role: #ddcaaf;
--color-cameo-role-50: #fcf4e8;
--color-cameo-role-100: #f0e7d9;
--color-cameo-role-200: #ded3c1;
--color-cameo-role-300: #c3b5a0;
--color-cameo-role-400: #ad9c83;
--color-cameo-role-500: #968367;
--color-cameo-role-600: #7f6f57;
--color-cameo-role-700: #665946;
--color-cameo-role-800: #4b4032;
--color-cameo-role-900: #342c22;
--color-cameo-role-950: #201911;
}SCSS
$cameo-role: #ddcaaf;
$cameo-role-rgb: 221, 202, 175;
$cameo-role-light: mix(#fff, $cameo-role, 20%);
$cameo-role-dark: mix(#000, $cameo-role, 20%);
.element {
color: $cameo-role;
box-shadow: 0 0 0 2px rgba($cameo-role, 0.35);
}