Colore con nome · #6F8165
Cliffside Park
Cliffside Park è #6F8165: rgb(111 129 101), hsl(99 12% 45%), oklch(0.581 0.047 134.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Cliffside Park color name →
#6F8165
oklch(0.581 0.047 134.5)
Conversioni di colore
- HEX
- #6f8165
- RGB
- rgb(111 129 101)
- HSL
- hsl(99 12% 45%)
- HWB
- hwb(99 40% 49%)
- OKLCH
- oklch(0.581 0.047 134.5)
- OKLab
- oklab(0.581 -0.033 0.033)
- CIE Lab
- lab(51.91 -10.99 12.95)
- LCH
- lch(51.91 16.99 130.3)
- CMYK
- cmyk(14% 0% 22% 49%)
Tinte · Ombre · Toni
Tinte
- 7C8D73
- 8A9982
- 98A591
- A6B2A0
- B4BEAF
- C3CBBF
- D2D8CF
- E1E5DF
- F0F2EF
Ombre
- 606F57
- 515E49
- 424E3C
- 343E2F
- 272E22
- 1A1F17
- 0E120C
- 040603
- 010100
Toni
- 718168
- 72816B
- 74816D
- 768170
- 788173
- 798175
- 7B8078
- 7D807B
- 7E807D
Armonie di colore
Complementare +180°
- 6F8165
Cliffside Park
- 85738E
≈ Vintage
Analogo -30° +30°
- 6F8165
Cliffside Park
- 7F7C5C
≈ Thurman
- 618473
≈ Lorna
Triadico +120° +240°
- 6F8165
Cliffside Park
- 687C96
≈ Blue Suede
- 947072
≈ Homestead Red
Complementare divisa +150° +210°
- 6F8165
Cliffside Park
- 777796
≈ Iris Eyes
- 8F7081
≈ Magic Gem
Tetradico +90° +180° +270°
- 6F8165
Cliffside Park
- 5C818F
≈ Blue Moon Bay
- 85738E
≈ Vintage
- 937264
≈ Milk Brownie Dough
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.19:1 · APCA Lc 69
Ag
AASu nero
WCAG 5.00:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--cliffside-park: #6f8165;
--cliffside-park-rgb: 111 129 101;
--cliffside-park-oklch: oklch(0.581 0.047 134.5);
}
.element {
color: var(--cliffside-park);
background-color: hsl(99 12% 45%);
border-color: oklch(0.581 0.047 134.5);
}Tailwind CSS v4
@theme {
--color-cliffside-park: #6f8165;
--color-cliffside-park-50: #eff8eb;
--color-cliffside-park-100: #e1ecdc;
--color-cliffside-park-200: #cbd9c6;
--color-cliffside-park-300: #adbda6;
--color-cliffside-park-400: #93a589;
--color-cliffside-park-500: #798d6e;
--color-cliffside-park-600: #67785d;
--color-cliffside-park-700: #52604a;
--color-cliffside-park-800: #3c4635;
--color-cliffside-park-900: #293024;
--color-cliffside-park-950: #171d13;
}SCSS
$cliffside-park: #6f8165;
$cliffside-park-rgb: 111, 129, 101;
$cliffside-park-light: mix(#fff, $cliffside-park, 20%);
$cliffside-park-dark: mix(#000, $cliffside-park, 20%);
.element {
color: $cliffside-park;
box-shadow: 0 0 0 2px rgba($cliffside-park, 0.35);
}