Colore con nome · #70916C
Paying Mantis
Paying Mantis è #70916C: rgb(112 145 108), hsl(114 15% 50%), oklch(0.621 0.066 142). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Paying Mantis color name →
#70916C
oklch(0.621 0.066 142)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 7E9C7A
- 8BA688
- 99B196
- A7BCA5
- B6C7B3
- C4D2C2
- D3DDD1
- E1E8E0
- F0F4F0
Ombre
- 607D5D
- 516A4E
- 435840
- 354632
- 273525
- 1A2519
- 0E150D
- 040704
- 010100
Toni
- 728F6E
- 748E70
- 758C72
- 778A74
- 798976
- 7A8778
- 7C857A
- 7D847C
- 7F827E
Armonie di colore
Complementare +180°
- 70916C
Paying Mantis
- 9A7A9E
≈ Divine
Analogo -30° +30°
- 70916C
Paying Mantis
- 878B5C
≈ Iguana
- 5B9482
≈ Fiddler
Triadico +120° +240°
- 70916C
Paying Mantis
- 7187AF
≈ Enchanting Sky
- AB7775
≈ Salon Rose
Complementare divisa +150° +210°
- 70916C
Paying Mantis
- 8780AC
≈ Aster Purple
- A6768B
≈ Upper Crust
Tetradico +90° +180° +270°
- 70916C
Paying Mantis
- 5C8EA8
≈ Sea Crystal
- 9A7A9E
≈ Divine
- A77C62
≈ Tawny Birch
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
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);
}