Cor nomeada · #DDCAAF
Cameo Role
Cameo Role é #DDCAAF: rgb(221 202 175), hsl(35 40% 78%), oklch(0.848 0.042 76.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cameo Role color name →
#DDCAAF
oklch(0.848 0.042 76.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E0CFB7
- E4D4BF
- E7DAC7
- EBDFCF
- EEE4D7
- F1EADF
- F5EFE7
- F8F4EF
- FCFAF7
Sombras
- C0AF98
- A49581
- 887C6B
- 6E6456
- 554D41
- 3D372E
- 26221C
- 110F0B
- 020201
Tons
- D3C2AA
- CABBA6
- C0B3A1
- B7AC9C
- ADA497
- A49D93
- 9B968E
- 928E89
- 898785
Harmonias de cor
Complementar +180°
- DDCAAF
Cameo Role
- BCCFE9
≈ Maritime
Análoga -30° +30°
- DDCAAF
Cameo Role
- E5C5B6
≈ Cream Tan
- D0CFB0
≈ Longbeard Grey
Tríade +120° +240°
- DDCAAF
Cameo Role
- AED6D6
≈ Sugar Pool
- D8C5E0
≈ Simply Lavender
Complementar dividida +150° +210°
- DDCAAF
Cameo Role
- B1D3E3
≈ Spotted Snake Eel
- CAC9E8
≈ Italian Fitch
Tétrade +90° +180° +270°
- DDCAAF
Cameo Role
- B4D6C7
≈ Gemini
- BCCFE9
≈ Maritime
- E3C2D2
≈ In the Slip
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.14:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
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);
}