Colore con nome · #69916E
Prickly Pear Cactus
Prickly Pear Cactus è #69916E: rgb(105 145 110), hsl(128 16% 49%), oklch(0.617 0.069 148). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Prickly Pear Cactus color name →
#69916E
oklch(0.617 0.069 148)
Conversioni di colore
- HEX
- #69916e
- RGB
- rgb(105 145 110)
- HSL
- hsl(128 16% 49%)
- HWB
- hwb(128 41% 43%)
- OKLCH
- oklch(0.617 0.069 148)
- OKLab
- oklab(0.617 -0.058 0.036)
- CIE Lab
- lab(56.47 -19.93 14.02)
- LCH
- lch(56.47 24.37 144.9)
- CMYK
- cmyk(28% 0% 24% 43%)
Tinte · Ombre · Toni
Tinte
- 779C7C
- 86A68A
- 95B198
- A3BCA6
- B2C7B4
- C1D2C3
- D1DDD2
- E0E8E1
- EFF4F0
Ombre
- 5A7D5F
- 4C6A50
- 3E5841
- 314633
- 243526
- 182519
- 0C150E
- 040704
- 000101
Toni
- 6C8F70
- 6E8E72
- 718C74
- 738A76
- 758977
- 788779
- 7A857B
- 7C847D
- 7E827E
Armonie di colore
Complementare +180°
- 69916E
Prickly Pear Cactus
- 9C779A
≈ Screen Gem
Analogo -30° +30°
- 69916E
Prickly Pear Cactus
- 818B5B
≈ Moss Point Green
- 559385
≈ Thermal Spring
Triadico +120° +240°
- 69916E
Prickly Pear Cactus
- 7384AF
≈ Corsican Purple
- AB766E
≈ Rum Spice
Complementare divisa +150° +210°
- 69916E
Prickly Pear Cactus
- 8A7DAA
≈ Parmentier
- A87485
≈ Never Forget
Tetradico +90° +180° +270°
- 69916E
Prickly Pear Cactus
- 5D8CAA
≈ Air Force Blue
- 9C779A
≈ Screen Gem
- A57B5C
≈ Smokey Topaz
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.57:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.87:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.87:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--prickly-pear-cactus: #69916e;
--prickly-pear-cactus-rgb: 105 145 110;
--prickly-pear-cactus-oklch: oklch(0.617 0.069 148);
}
.element {
color: var(--prickly-pear-cactus);
background-color: hsl(128 16% 49%);
border-color: oklch(0.617 0.069 148);
}Tailwind CSS v4
@theme {
--color-prickly-pear-cactus: #69916e;
--color-prickly-pear-cactus-50: #e8fbeb;
--color-prickly-pear-cactus-100: #d9efdc;
--color-prickly-pear-cactus-200: #c0ddc5;
--color-prickly-pear-cactus-300: #9fc2a5;
--color-prickly-pear-cactus-400: #83aa88;
--color-prickly-pear-cactus-500: #67936c;
--color-prickly-pear-cactus-600: #577c5c;
--color-prickly-pear-cactus-700: #456449;
--color-prickly-pear-cactus-800: #334934;
--color-prickly-pear-cactus-900: #233323;
--color-prickly-pear-cactus-950: #121e12;
}SCSS
$prickly-pear-cactus: #69916e;
$prickly-pear-cactus-rgb: 105, 145, 110;
$prickly-pear-cactus-light: mix(#fff, $prickly-pear-cactus, 20%);
$prickly-pear-cactus-dark: mix(#000, $prickly-pear-cactus, 20%);
.element {
color: $prickly-pear-cactus;
box-shadow: 0 0 0 2px rgba($prickly-pear-cactus, 0.35);
}