Colore con nome più vicino · #92B095
#92B095
Colore con nome più vicino: OMGreen
#92B095 (rgb(146 176 149), hsl(126 16% 63%), oklch(0.727 0.051 147.8)) è più vicino al colore con nome OMGreen. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#92B095
oklch(0.727 0.051 147.8)
Conversioni di colore
- HEX
- #92b095
- RGB
- rgb(146 176 149)
- HSL
- hsl(126 16% 63%)
- HWB
- hwb(126 57% 31%)
- OKLCH
- oklch(0.727 0.051 147.8)
- OKLab
- oklab(0.727 -0.043 0.027)
- CIE Lab
- lab(69 -14.68 10.32)
- LCH
- lch(69 17.94 144.9)
- CMYK
- cmyk(17% 0% 15% 31%)
Tinte · Ombre · Toni
Tinte
- 9DB89F
- A7BFA9
- B2C7B4
- BDCFBE
- C8D7C9
- D3DFD4
- DEE7DE
- E9EFE9
- F4F7F4
Ombre
- 7E9981
- 6B826D
- 586C5A
- 465648
- 354237
- 252E26
- 161C16
- 080B08
- 010101
Toni
- 90AB93
- 8FA691
- 8DA18F
- 8B9D8D
- 89988B
- 889388
- 868E86
- 848984
- 828582
Armonie di colore
Complementare +180°
- 92B095
OMGreen
- B99CB7
≈ Tuileries Tint
Analogo -30° +30°
- 92B095
OMGreen
- A4AC88
≈ Cucumber Crush
- 85B2A7
≈ Silicate Green
Triadico +120° +240°
- 92B095
OMGreen
- 99A6C8
≈ Sapphire Fog
- C59B95
≈ Fall Canyon
Complementare divisa +150° +210°
- 92B095
OMGreen
- AAA0C3
≈ Evening Slipper
- C29AA7
≈ Artichoke Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.86:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--omgreen: #92b095;
--omgreen-rgb: 146 176 149;
--omgreen-oklch: oklch(0.727 0.051 147.8);
}
.element {
color: var(--omgreen);
background-color: hsl(126 16% 63%);
border-color: oklch(0.727 0.051 147.8);
}Tailwind CSS v4
@theme {
--color-omgreen: #92b095;
--color-omgreen-50: #ecfaee;
--color-omgreen-100: #ddeddf;
--color-omgreen-200: #c6dbc9;
--color-omgreen-300: #a6bfaa;
--color-omgreen-400: #8ba78e;
--color-omgreen-500: #709073;
--color-omgreen-600: #5f7a62;
--color-omgreen-700: #4c614e;
--color-omgreen-800: #374738;
--color-omgreen-900: #263126;
--color-omgreen-950: #141d15;
}SCSS
$omgreen: #92b095;
$omgreen-rgb: 146, 176, 149;
$omgreen-light: mix(#fff, $omgreen, 20%);
$omgreen-dark: mix(#000, $omgreen, 20%);
.element {
color: $omgreen;
box-shadow: 0 0 0 2px rgba($omgreen, 0.35);
}