Nazwany kolor · #626A60
Belmont Green
Belmont Green to #626A60: rgb(98 106 96), hsl(108 5% 40%), oklch(0.514 0.018 139.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Belmont Green color name →
#626A60
oklch(0.514 0.018 139.4)
Konwersje koloru
- HEX
- #626a60
- RGB
- rgb(98 106 96)
- HSL
- hsl(108 5% 40%)
- HWB
- hwb(108 38% 58%)
- OKLCH
- oklch(0.514 0.018 139.4)
- OKLab
- oklab(0.514 -0.014 0.012)
- CIE Lab
- lab(43.89 -4.74 4.53)
- LCH
- lch(43.89 6.56 136.3)
- CMYK
- cmyk(8% 0% 9% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 70786F
- 7F867D
- 8E948D
- 9EA39C
- ADB2AC
- BDC1BC
- CDD0CD
- DEDFDD
- EEEFEE
Odcienie ciemniejsze
- 545B52
- 474D45
- 3A3F38
- 2D312C
- 212420
- 161815
- 0B0D0A
- 030403
- 000000
Tony
- 656C63
- 686E66
- 6B7169
- 6E736D
- 717570
- 747773
- 777976
- 7A7C79
- 7D7E7D
Harmonie kolorów
Komplementarna +180°
- 626A60
Belmont Green
- 6C646E
≈ Vintage Grape
Analogowa -30° +30°
- 626A60
Belmont Green
- 68685C
≈ Naturalism
- 5D6B65
≈ Artistic Stone
Triada +120° +240°
- 626A60
Belmont Green
- 616872
≈ Feather Falls
- 726363
≈ Dignified Purple
Komplementarna rozszczepiona +150° +210°
- 626A60
Belmont Green
- 676671
≈ Alter Ego
- 706369
≈ Vintage Grape
Tetrada +90° +180° +270°
- 626A60
Belmont Green
- 5D6A70
≈ King Creek Falls
- 6C646E
≈ Vintage Grape
- 71645E
≈ Wright Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.60:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.74:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--belmont-green: #626a60;
--belmont-green-rgb: 98 106 96;
--belmont-green-oklch: oklch(0.514 0.018 139.4);
}
.element {
color: var(--belmont-green);
background-color: hsl(108 5% 40%);
border-color: oklch(0.514 0.018 139.4);
}Tailwind CSS v4
@theme {
--color-belmont-green: #626a60;
--color-belmont-green-50: #f2f6f2;
--color-belmont-green-100: #e5e9e4;
--color-belmont-green-200: #d0d6cf;
--color-belmont-green-300: #b2bab1;
--color-belmont-green-400: #99a197;
--color-belmont-green-500: #80897e;
--color-belmont-green-600: #6c746b;
--color-belmont-green-700: #575d55;
--color-belmont-green-800: #3f443e;
--color-belmont-green-900: #2c2f2a;
--color-belmont-green-950: #191b18;
}SCSS
$belmont-green: #626a60;
$belmont-green-rgb: 98, 106, 96;
$belmont-green-light: mix(#fff, $belmont-green, 20%);
$belmont-green-dark: mix(#000, $belmont-green, 20%);
.element {
color: $belmont-green;
box-shadow: 0 0 0 2px rgba($belmont-green, 0.35);
}