Cor nomeada mais próxima · #D7AA87
#D7AA87
Cor nomeada mais próxima: Lunatic Lynx
#D7AA87 (rgb(215 170 135), hsl(26 50% 69%), oklch(0.77 0.071 59.3)) é mais próxima da cor nomeada Lunatic Lynx. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D7AA87
oklch(0.77 0.071 59.3)
Conversões de cor
- HEX
- #d7aa87
- RGB
- rgb(215 170 135)
- HSL
- hsl(26 50% 69%)
- HWB
- hwb(26 53% 16%)
- OKLCH
- oklch(0.77 0.071 59.3)
- OKLab
- oklab(0.77 0.036 0.061)
- CIE Lab
- lab(73.16 13.55 24.7)
- LCH
- lch(73.16 28.18 61.3)
- CMYK
- cmyk(0% 21% 37% 16%)
Tons claros · Sombras · Tons
Tons claros
- DBB293
- DFBB9F
- E4C3AB
- E8CCB7
- ECD4C2
- F0DDCE
- F4E5DA
- F7EEE7
- FBF6F3
Sombras
- BB9375
- 9F7D63
- 856851
- 6B5341
- 523F31
- 3B2D21
- 251B13
- 110B06
- 020101
Tons
- CEA687
- C5A286
- BD9D86
- B49985
- AB9584
- A29184
- 9A8D83
- 918882
- 898481
Harmonias de cor
Complementar +180°
- D7AA87
Lunatic Lynx
- 8ABBDD
≈ Frozen Whisper
Análoga -30° +30°
- D7AA87
Lunatic Lynx
- DEA49A
≈ Quiet Pink
- C6B380
≈ Aviva
Tríade +120° +240°
- D7AA87
Lunatic Lynx
- 81C4B5
≈ Holiday
- BAABDC
≈ Purple Hibiscus
Complementar dividida +150° +210°
- D7AA87
Lunatic Lynx
- 7DC1CD
≈ Meltwater
- A2B3E3
≈ Myrtle Flower
Tétrade +90° +180° +270°
- D7AA87
Lunatic Lynx
- 95C29C
≈ Delltone
- 8ABBDD
≈ Frozen Whisper
- CFA4CB
≈ Geranium Bud
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.98:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--lunatic-lynx: #d7aa87;
--lunatic-lynx-rgb: 215 170 135;
--lunatic-lynx-oklch: oklch(0.77 0.071 59.3);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(26 50% 69%);
border-color: oklch(0.77 0.071 59.3);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d7aa87;
--color-lunatic-lynx-50: #fff1e1;
--color-lunatic-lynx-100: #fae3d0;
--color-lunatic-lynx-200: #ebceb6;
--color-lunatic-lynx-300: #d3b093;
--color-lunatic-lynx-400: #be9574;
--color-lunatic-lynx-500: #a97b55;
--color-lunatic-lynx-600: #8f6849;
--color-lunatic-lynx-700: #73533a;
--color-lunatic-lynx-800: #553c29;
--color-lunatic-lynx-900: #3c291c;
--color-lunatic-lynx-950: #25170c;
}SCSS
$lunatic-lynx: #d7aa87;
$lunatic-lynx-rgb: 215, 170, 135;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}