Cor nomeada · #CD716B
Abbey Pink
Abbey Pink é #CD716B: rgb(205 113 107), hsl(4 49% 61%), oklch(0.651 0.117 24.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Abbey Pink color name →
#CD716B
oklch(0.651 0.117 24.7)
Conversões de cor
- HEX
- #cd716b
- RGB
- rgb(205 113 107)
- HSL
- hsl(4 49% 61%)
- HWB
- hwb(4 42% 20%)
- OKLCH
- oklch(0.651 0.117 24.7)
- OKLab
- oklab(0.651 0.106 0.049)
- CIE Lab
- lab(58.33 36.55 20.27)
- LCH
- lch(58.33 41.8 29)
- CMYK
- cmyk(0% 45% 48% 20%)
Tons claros · Sombras · Tons
Tons claros
- D37F79
- D98D87
- DF9C96
- E5AAA4
- EAB8B3
- EFC6C2
- F3D4D1
- F7E2E0
- FBF1EF
Sombras
- B2615C
- 98524E
- 7E433F
- 663532
- 4E2725
- 381A18
- 230E0D
- 0F0404
- 020100
Tons
- C6736D
- BF7570
- B77772
- B07974
- A87A76
- A17C78
- 997D7A
- 917E7C
- 897F7E
Harmonias de cor
Complementar +180°
- CD716B
Abbey Pink
- 00A2AF
≈ Aare River Brienz
Análoga -30° +30°
- CD716B
Abbey Pink
- C67093
≈ Rhine Wine
- C67A44
≈ Rumba Orange
Tríade +120° +240°
- CD716B
Abbey Pink
- 5FA261
≈ Endo
- 6C8DD7
≈ Livid
Complementar dividida +150° +210°
- CD716B
Abbey Pink
- 1EA68B
≈ Ottawa Falls
- 369ACC
≈ Stratos Blue
Tétrade +90° +180° +270°
- CD716B
Abbey Pink
- 8E973B
≈ Appletini
- 00A2AF
≈ Aare River Brienz
- 9480CF
≈ Indigo Bloom
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.40:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.17:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--abbey-pink: #cd716b;
--abbey-pink-rgb: 205 113 107;
--abbey-pink-oklch: oklch(0.651 0.117 24.7);
}
.element {
color: var(--abbey-pink);
background-color: hsl(4 49% 61%);
border-color: oklch(0.651 0.117 24.7);
}Tailwind CSS v4
@theme {
--color-abbey-pink: #cd716b;
--color-abbey-pink-50: #ffe9e3;
--color-abbey-pink-100: #ffdad3;
--color-abbey-pink-200: #ffc2ba;
--color-abbey-pink-300: #eda097;
--color-abbey-pink-400: #db827b;
--color-abbey-pink-500: #c8645e;
--color-abbey-pink-600: #a95550;
--color-abbey-pink-700: #884440;
--color-abbey-pink-800: #65302f;
--color-abbey-pink-900: #472120;
--color-abbey-pink-950: #2e100f;
}SCSS
$abbey-pink: #cd716b;
$abbey-pink-rgb: 205, 113, 107;
$abbey-pink-light: mix(#fff, $abbey-pink, 20%);
$abbey-pink-dark: mix(#000, $abbey-pink, 20%);
.element {
color: $abbey-pink;
box-shadow: 0 0 0 2px rgba($abbey-pink, 0.35);
}