最も近い色名 · #427930
#427930
最も近い色名: Luscious Lemongrass
#427930（rgb(66 121 48)、hsl(105 43% 33%)、oklch(0.521 0.121 138.7)）に最も近い色名はLuscious Lemongrassです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#427930
oklch(0.521 0.121 138.7)
カラー変換
- HEX
- #427930
- RGB
- rgb(66 121 48)
- HSL
- hsl(105 43% 33%)
- HWB
- hwb(105 19% 53%)
- OKLCH
- oklch(0.521 0.121 138.7)
- OKLab
- oklab(0.521 -0.091 0.08)
- CIE Lab
- lab(45.77 -30.07 33.31)
- LCH
- lch(45.77 44.88 132.1)
- CMYK
- cmyk(45% 0% 60% 53%)
ティント · シェード · トーン
ティント
- 558645
- 67935A
- 79A06E
- 8CAE82
- 9EBB96
- B1C8AB
- C4D6BF
- D8E3D4
- EBF1E9
シェード
- 386828
- 2F5821
- 25481A
- 1C3913
- 142B0C
- 0B1D06
- 051003
- 010501
- 000100
トーン
- 497A3A
- 507B43
- 567C4B
- 5D7D53
- 637D5B
- 697E63
- 6F7F6A
- 757F71
- 7A8079
カラーハーモニー
補色 +180°
- 427930
Luscious Lemongrass
- 865095
≈ Cosmic Berry
類似色 -30° +30°
- 427930
Luscious Lemongrass
- 6F6D00
≈ Worn Olive
- 007C5E
≈ Turquoise Cyan
トライアド +120° +240°
- 427930
Luscious Lemongrass
- 3B68AE
≈ Dover Straits
- A3484D
≈ Royal Rum
スプリットコンプリメンタリー +150° +210°
- 427930
Luscious Lemongrass
- 685BAA
≈ Blue Marguerite
- 9A4974
≈ Befitting
テトラード +90° +180° +270°
- 427930
Luscious Lemongrass
- 007398
≈ Enchanted Blue
- 865095
≈ Cosmic Berry
- 9F5020
≈ Ancient Bronze
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.00:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--luscious-lemongrass: #427930;
--luscious-lemongrass-rgb: 66 121 48;
--luscious-lemongrass-oklch: oklch(0.521 0.121 138.7);
}
.element {
color: var(--luscious-lemongrass);
background-color: hsl(105 43% 33%);
border-color: oklch(0.521 0.121 138.7);
}Tailwind CSS v4
@theme {
--color-luscious-lemongrass: #427930;
--color-luscious-lemongrass-50: #e3fede;
--color-luscious-lemongrass-100: #d3f3cd;
--color-luscious-lemongrass-200: #b9e2b1;
--color-luscious-lemongrass-300: #96c78d;
--color-luscious-lemongrass-400: #79af69;
--color-luscious-lemongrass-500: #5a9946;
--color-luscious-lemongrass-600: #4d813c;
--color-luscious-lemongrass-700: #3d6730;
--color-luscious-lemongrass-800: #2e4c20;
--color-luscious-lemongrass-900: #1f3515;
--color-luscious-lemongrass-950: #0e2006;
}SCSS
$luscious-lemongrass: #427930;
$luscious-lemongrass-rgb: 66, 121, 48;
$luscious-lemongrass-light: mix(#fff, $luscious-lemongrass, 20%);
$luscious-lemongrass-dark: mix(#000, $luscious-lemongrass, 20%);
.element {
color: $luscious-lemongrass;
box-shadow: 0 0 0 2px rgba($luscious-lemongrass, 0.35);
}