Cor nomeada · #70916C
Paying Mantis
Paying Mantis é #70916C: rgb(112 145 108), hsl(114 15% 50%), oklch(0.621 0.066 142). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Paying Mantis color name →
#70916C
oklch(0.621 0.066 142)
Conversões de cor
- HEX
- #70916c
- RGB
- rgb(112 145 108)
- HSL
- hsl(114 15% 50%)
- HWB
- hwb(114 42% 43%)
- OKLCH
- oklch(0.621 0.066 142)
- OKLab
- oklab(0.621 -0.052 0.041)
- CIE Lab
- lab(56.89 -17.65 15.8)
- LCH
- lch(56.89 23.69 138.2)
- CMYK
- cmyk(23% 0% 26% 43%)
Tons claros · Sombras · Tons
Tons claros
- 7E9C7A
- 8BA688
- 99B196
- A7BCA5
- B6C7B3
- C4D2C2
- D3DDD1
- E1E8E0
- F0F4F0
Sombras
- 607D5D
- 516A4E
- 435840
- 354632
- 273525
- 1A2519
- 0E150D
- 040704
- 010100
Tons
- 728F6E
- 748E70
- 758C72
- 778A74
- 798976
- 7A8778
- 7C857A
- 7D847C
- 7F827E
Harmonias de cor
Complementar +180°
- 70916C
Paying Mantis
- 9A7A9E
≈ Divine
Análoga -30° +30°
- 70916C
Paying Mantis
- 878B5C
≈ Iguana
- 5B9482
≈ Fiddler
Tríade +120° +240°
- 70916C
Paying Mantis
- 7187AF
≈ Enchanting Sky
- AB7775
≈ Salon Rose
Complementar dividida +150° +210°
- 70916C
Paying Mantis
- 8780AC
≈ Aster Purple
- A6768B
≈ Upper Crust
Tétrade +90° +180° +270°
- 70916C
Paying Mantis
- 5C8EA8
≈ Sea Crystal
- 9A7A9E
≈ Divine
- A77C62
≈ Tawny Birch
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.52:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.95:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--paying-mantis: #70916c;
--paying-mantis-rgb: 112 145 108;
--paying-mantis-oklch: oklch(0.621 0.066 142);
}
.element {
color: var(--paying-mantis);
background-color: hsl(114 15% 50%);
border-color: oklch(0.621 0.066 142);
}Tailwind CSS v4
@theme {
--color-paying-mantis: #70916c;
--color-paying-mantis-50: #eafaea;
--color-paying-mantis-100: #dbeeda;
--color-paying-mantis-200: #c4dcc3;
--color-paying-mantis-300: #a4c1a2;
--color-paying-mantis-400: #89a985;
--color-paying-mantis-500: #6d9269;
--color-paying-mantis-600: #5d7b59;
--color-paying-mantis-700: #4a6347;
--color-paying-mantis-800: #364832;
--color-paying-mantis-900: #253222;
--color-paying-mantis-950: #141e11;
}SCSS
$paying-mantis: #70916c;
$paying-mantis-rgb: 112, 145, 108;
$paying-mantis-light: mix(#fff, $paying-mantis, 20%);
$paying-mantis-dark: mix(#000, $paying-mantis, 20%);
.element {
color: $paying-mantis;
box-shadow: 0 0 0 2px rgba($paying-mantis, 0.35);
}