最も近い色名 · #80A563
#80A563
最も近い色名: Frankenstein
#80A563（rgb(128 165 99)、hsl(94 27% 52%)、oklch(0.678 0.101 132.4)）に最も近い色名はFrankensteinです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#80A563
oklch(0.678 0.101 132.4)
カラー変換
- HEX
- #80a563
- RGB
- rgb(128 165 99)
- HSL
- hsl(94 27% 52%)
- HWB
- hwb(94 39% 35%)
- OKLCH
- oklch(0.678 0.101 132.4)
- OKLab
- oklab(0.678 -0.068 0.074)
- CIE Lab
- lab(63.78 -22.16 29.91)
- LCH
- lch(63.78 37.22 126.5)
- CMYK
- cmyk(22% 0% 40% 35%)
ティント · シェード · トーン
ティント
- 8CAE73
- 98B782
- A5C091
- B1C9A1
- BED2B0
- CBDBC0
- D8E4CF
- E5EDDF
- F2F6EF
シェード
- 6E8F55
- 5D7947
- 4D653A
- 3D512E
- 2E3D21
- 1F2B16
- 121A0B
- 060A03
- 010100
トーン
- 80A167
- 809E6A
- 809A6D
- 809670
- 809373
- 808F76
- 808B79
- 80887B
- 80847E
カラーハーモニー
補色 +180°
- 80A563
Frankenstein
- AD85C4
≈ Creeping Bellflower
類似色 -30° +30°
- 80A563
Frankenstein
- A49A4C
≈ Formosan Green
- 57AB85
≈ Julep
トライアド +120° +240°
- 80A563
Frankenstein
- 699BD4
≈ Sea Loch
- CE7D87
≈ Grey Matter
スプリットコンプリメンタリー +150° +210°
- 80A563
Frankenstein
- 8E90D4
≈ Adora
- C37EA9
≈ Strawberry Freeze
テトラード +90° +180° +270°
- 80A563
Frankenstein
- 44A5C4
≈ Oasis Spring
- AD85C4
≈ Creeping Bellflower
- CC8365
≈ Burning Sand
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--frankenstein: #80a563;
--frankenstein-rgb: 128 165 99;
--frankenstein-oklch: oklch(0.678 0.101 132.4);
}
.element {
color: var(--frankenstein);
background-color: hsl(94 27% 52%);
border-color: oklch(0.678 0.101 132.4);
}Tailwind CSS v4
@theme {
--color-frankenstein: #80a563;
--color-frankenstein-50: #e9fcdf;
--color-frankenstein-100: #daf0ce;
--color-frankenstein-200: #c3deb3;
--color-frankenstein-300: #a2c38f;
--color-frankenstein-400: #88ab6d;
--color-frankenstein-500: #6c944b;
--color-frankenstein-600: #5c7d41;
--color-frankenstein-700: #496433;
--color-frankenstein-800: #364923;
--color-frankenstein-900: #253317;
--color-frankenstein-950: #141e08;
}SCSS
$frankenstein: #80a563;
$frankenstein-rgb: 128, 165, 99;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}