最も近い色名 · #7AB859
#7AB859
最も近い色名: Leafy Greens
#7AB859（rgb(122 184 89)、hsl(99 40% 54%)、oklch(0.719 0.143 135.8)）に最も近い色名はLeafy Greensです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7AB859
oklch(0.719 0.143 135.8)
カラー変換
- HEX
- #7ab859
- RGB
- rgb(122 184 89)
- HSL
- hsl(99 40% 54%)
- HWB
- hwb(99 35% 28%)
- OKLCH
- oklch(0.719 0.143 135.8)
- OKLab
- oklab(0.719 -0.103 0.1)
- CIE Lab
- lab(68.97 -33.66 41.15)
- LCH
- lch(68.97 53.16 129.3)
- CMYK
- cmyk(34% 0% 52% 28%)
ティント · シェード · トーン
ティント
- 87BF6B
- 95C77C
- A2CE8D
- AFD59D
- BCDCAD
- C9E3BE
- D7EACE
- E4F1DE
- F2F8EF
シェード
- 69A04C
- 598840
- 497134
- 3A5B28
- 2B451D
- 1D3113
- 101E09
- 050C03
- 010200
トーン
- 7BB25F
- 7CAD64
- 7DA768
- 7EA26C
- 7F9C70
- 7F9774
- 7F9177
- 808B7A
- 80867D
カラーハーモニー
補色 +180°
- 7AB859
Leafy Greens
- C787E0
≈ Blush Essence
類似色 -30° +30°
- 7AB859
Leafy Greens
- B1A924
≈ Earls Green
- 21C08F
≈ Blarney
トライアド +120° +240°
- 7AB859
Leafy Greens
- 64A6FC
≈ Âbi Blue
- F07B86
≈ Flower Blossom Pink
スプリットコンプリメンタリー +150° +210°
- 7AB859
Leafy Greens
- 9D95F9
≈ Cobalite
- E37DB7
≈ Fuchsia Blush
テトラード +90° +180° +270°
- 7AB859
Leafy Greens
- 00B5E5
≈ Blue Atoll
- C787E0
≈ Blush Essence
- EC8552
≈ Gravlax
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.37:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.82:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--leafy-greens: #7ab859;
--leafy-greens-rgb: 122 184 89;
--leafy-greens-oklch: oklch(0.719 0.143 135.8);
}
.element {
color: var(--leafy-greens);
background-color: hsl(99 40% 54%);
border-color: oklch(0.719 0.143 135.8);
}Tailwind CSS v4
@theme {
--color-leafy-greens: #7ab859;
--color-leafy-greens-50: #e2ffd8;
--color-leafy-greens-100: #d1f4c5;
--color-leafy-greens-200: #b7e3a7;
--color-leafy-greens-300: #93c980;
--color-leafy-greens-400: #77b158;
--color-leafy-greens-500: #579a2d;
--color-leafy-greens-600: #4a8328;
--color-leafy-greens-700: #3b6920;
--color-leafy-greens-800: #2d4c12;
--color-leafy-greens-900: #1e350b;
--color-leafy-greens-950: #0e2001;
}SCSS
$leafy-greens: #7ab859;
$leafy-greens-rgb: 122, 184, 89;
$leafy-greens-light: mix(#fff, $leafy-greens, 20%);
$leafy-greens-dark: mix(#000, $leafy-greens, 20%);
.element {
color: $leafy-greens;
box-shadow: 0 0 0 2px rgba($leafy-greens, 0.35);
}