最も近い色名 · #4ABC39
#4ABC39
最も近い色名: Exit Light
#4ABC39（rgb(74 188 57)、hsl(112 53% 48%)、oklch(0.704 0.198 141.2)）に最も近い色名はExit Lightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4ABC39
oklch(0.704 0.198 141.2)
カラー変換
- HEX
- #4abc39
- RGB
- rgb(74 188 57)
- HSL
- hsl(112 53% 48%)
- HWB
- hwb(112 22% 26%)
- OKLCH
- oklch(0.704 0.198 141.2)
- OKLab
- oklab(0.704 -0.154 0.124)
- CIE Lab
- lab(67.89 -51.78 53.14)
- LCH
- lch(67.89 74.2 134.3)
- CMYK
- cmyk(61% 0% 70% 26%)
ティント · シェード · トーン
ティント
- 61C352
- 75CA68
- 87D17C
- 99D88F
- ABDFA2
- BCE6B5
- CDECC8
- DDF3DA
- EEF9EC
シェード
- 3FA330
- 358B28
- 2A731F
- 205D17
- 174710
- 0E3209
- 061F04
- 020D01
- 000200
トーン
- 53B645
- 5BB14F
- 62AB57
- 68A55F
- 6D9F65
- 72996C
- 769371
- 7A8D76
- 7D867B
カラーハーモニー
補色 +180°
- 4ABC39
Exit Light
- D66FE8
≈ Calypso Orchid
類似色 -30° +30°
- 4ABC39
Exit Light
- A4A800
≈ Jīn Sè Gold
- 00BB94
≈ Mountain Meadow
トライアド +120° +240°
- 4ABC39
Exit Light
- 679DFF
≈ Blue Chaos
- FF656A
≈ Pompelmo
スプリットコンプリメンタリー +150° +210°
- 4ABC39
Exit Light
- A289FF
≈ Lavender Blue Shadow
- F661AE
≈ Fugitive Flamingo
テトラード +90° +180° +270°
- 4ABC39
Exit Light
- 00AEE8
≈ Royal Peacock
- D66FE8
≈ Calypso Orchid
- F57700
≈ Liquid Lava
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.45:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.54:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--exit-light: #4abc39;
--exit-light-rgb: 74 188 57;
--exit-light-oklch: oklch(0.704 0.198 141.2);
}
.element {
color: var(--exit-light);
background-color: hsl(112 53% 48%);
border-color: oklch(0.704 0.198 141.2);
}Tailwind CSS v4
@theme {
--color-exit-light: #4abc39;
--color-exit-light-50: #d4ffd1;
--color-exit-light-100: #c1fabd;
--color-exit-light-200: #a0ea9c;
--color-exit-light-300: #75d171;
--color-exit-light-400: #4fba40;
--color-exit-light-500: #0aa300;
--color-exit-light-600: #128a00;
--color-exit-light-700: #106f00;
--color-exit-light-800: #125100;
--color-exit-light-900: #0b3800;
--color-exit-light-950: #002300;
}SCSS
$exit-light: #4abc39;
$exit-light-rgb: 74, 188, 57;
$exit-light-light: mix(#fff, $exit-light, 20%);
$exit-light-dark: mix(#000, $exit-light, 20%);
.element {
color: $exit-light;
box-shadow: 0 0 0 2px rgba($exit-light, 0.35);
}