Cor nomeada · #DDCC88
Master Key
Master Key é #DDCC88: rgb(221 204 136), hsl(48 56% 70%), oklch(0.844 0.089 95.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Master Key color name →
#DDCC88
oklch(0.844 0.089 95.8)
Conversões de cor
- HEX
- #ddcc88
- RGB
- rgb(221 204 136)
- HSL
- hsl(48 56% 70%)
- HWB
- hwb(48 53% 13%)
- OKLCH
- oklch(0.844 0.089 95.8)
- OKLab
- oklab(0.844 -0.009 0.089)
- CIE Lab
- lab(82.31 -0.93 36.16)
- LCH
- lch(82.31 36.17 91.5)
- CMYK
- cmyk(0% 8% 38% 13%)
Tons claros · Sombras · Tons
Tons claros
- E0D194
- E4D6A1
- E7DBAD
- EAE1B9
- EEE6C4
- F1EBD0
- F5F0DC
- F8F5E8
- FCFAF3
Sombras
- C0B175
- A49763
- 887E52
- 6E6541
- 554E31
- 3D3722
- 262213
- 110F06
- 020201
Tons
- D3C488
- CABC88
- C0B587
- B7AD87
- ADA686
- A49E85
- 9B9684
- 928F83
- 898781
Harmonias de cor
Complementar +180°
- DDCC88
Master Key
- BDC8FF
≈ Light Periwinkle
Análoga -30° +30°
- DDCC88
Master Key
- F4C08D
≈ Dusty Boots
- BDD797
≈ Lickety Split
Tríade +120° +240°
- DDCC88
Master Key
- 84DBF1
≈ Photon Barrier
- F1B6E2
≈ Soft Cashmere
Complementar dividida +150° +210°
- DDCC88
Master Key
- 9FD2FF
≈ Baby Blue
- DABDFB
≈ Lavender Fragrance
Tétrade +90° +180° +270°
- DDCC88
Master Key
- 84DFD4
≈ Sea Foam
- BDC8FF
≈ Light Periwinkle
- FFB4C3
≈ Matt Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.06:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--master-key: #ddcc88;
--master-key-rgb: 221 204 136;
--master-key-oklch: oklch(0.844 0.089 95.8);
}
.element {
color: var(--master-key);
background-color: hsl(48 56% 70%);
border-color: oklch(0.844 0.089 95.8);
}Tailwind CSS v4
@theme {
--color-master-key: #ddcc88;
--color-master-key-50: #fcf6d9;
--color-master-key-100: #f0e9c7;
--color-master-key-200: #ded5aa;
--color-master-key-300: #c3b883;
--color-master-key-400: #ae9e60;
--color-master-key-500: #98863a;
--color-master-key-600: #807132;
--color-master-key-700: #675b28;
--color-master-key-800: #4d421b;
--color-master-key-900: #352d11;
--color-master-key-950: #201a04;
}SCSS
$master-key: #ddcc88;
$master-key-rgb: 221, 204, 136;
$master-key-light: mix(#fff, $master-key, 20%);
$master-key-dark: mix(#000, $master-key, 20%);
.element {
color: $master-key;
box-shadow: 0 0 0 2px rgba($master-key, 0.35);
}