最も近い色名 · #4DAA92
#4DAA92
最も近い色名: Hole in One
#4DAA92（rgb(77 170 146)、hsl(165 38% 48%)、oklch(0.675 0.096 173.9)）に最も近い色名はHole in Oneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4DAA92
oklch(0.675 0.096 173.9)
カラー変換
- HEX
- #4daa92
- RGB
- rgb(77 170 146)
- HSL
- hsl(165 38% 48%)
- HWB
- hwb(165 30% 33%)
- OKLCH
- oklch(0.675 0.096 173.9)
- OKLab
- oklab(0.675 -0.096 0.01)
- CIE Lab
- lab(63.52 -33.42 3.61)
- LCH
- lch(63.52 33.62 173.8)
- CMYK
- cmyk(55% 0% 14% 33%)
ティント · シェード · トーン
ティント
- 62B29C
- 75BBA7
- 87C3B2
- 99CCBC
- AAD4C7
- BBDDD2
- CCE5DD
- DDEEE8
- EEF6F4
シェード
- 42937E
- 377D6B
- 2C6858
- 225346
- 183F35
- 0F2D25
- 071B16
- 020B08
- 000101
トーン
- 55A690
- 5CA28E
- 629E8D
- 68998B
- 6D9589
- 729187
- 768D85
- 798984
- 7D8482
カラーハーモニー
補色 +180°
- 4DAA92
Hole in One
- C57D9B
≈ Wild Rose
類似色 -30° +30°
- 4DAA92
Hole in One
- 72A670
≈ Dusty Green
- 3EA8B2
≈ Green Buoy
トライアド +120° +240°
- 4DAA92
Hole in One
- 9A8BCC
≈ Petrified Purple
- C5865C
≈ Wheatberry
スプリットコンプリメンタリー +150° +210°
- 4DAA92
Hole in One
- B482B8
≈ African Violet
- CB7F7A
≈ Raspberry Ripple
テトラード +90° +180° +270°
- 4DAA92
Hole in One
- 7896D2
≈ Pannikin
- C57D9B
≈ Wild Rose
- B3924D
≈ Antique Honey
コントラストとアクセシビリティ
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 {
--hole-in-one: #4daa92;
--hole-in-one-rgb: 77 170 146;
--hole-in-one-oklch: oklch(0.675 0.096 173.9);
}
.element {
color: var(--hole-in-one);
background-color: hsl(165 38% 48%);
border-color: oklch(0.675 0.096 173.9);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #4daa92;
--color-hole-in-one-50: #dafff4;
--color-hole-in-one-100: #c7f3e6;
--color-hole-in-one-200: #a9e2d2;
--color-hole-in-one-300: #81c8b5;
--color-hole-in-one-400: #5bb19a;
--color-hole-in-one-500: #2b9b81;
--color-hole-in-one-600: #27836d;
--color-hole-in-one-700: #1f6957;
--color-hole-in-one-800: #164d3e;
--color-hole-in-one-900: #0e362b;
--color-hole-in-one-950: #012118;
}SCSS
$hole-in-one: #4daa92;
$hole-in-one-rgb: 77, 170, 146;
$hole-in-one-light: mix(#fff, $hole-in-one, 20%);
$hole-in-one-dark: mix(#000, $hole-in-one, 20%);
.element {
color: $hole-in-one;
box-shadow: 0 0 0 2px rgba($hole-in-one, 0.35);
}