最も近い色名 · #4AAB93
#4AAB93
最も近い色名: Hole in One
#4AAB93（rgb(74 171 147)、hsl(165 40% 48%)、oklch(0.676 0.099 174.4)）に最も近い色名はHole in Oneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4AAB93
oklch(0.676 0.099 174.4)
カラー変換
- HEX
- #4aab93
- RGB
- rgb(74 171 147)
- HSL
- hsl(165 40% 48%)
- HWB
- hwb(165 29% 33%)
- OKLCH
- oklch(0.676 0.099 174.4)
- OKLab
- oklab(0.676 -0.098 0.01)
- CIE Lab
- lab(63.74 -34.33 3.37)
- LCH
- lch(63.74 34.5 174.4)
- CMYK
- cmyk(57% 0% 14% 33%)
ティント · シェード · トーン
ティント
- 60B39D
- 73BCA8
- 86C4B2
- 98CDBD
- A9D5C8
- BBDDD3
- CCE6DD
- DDEEE9
- EEF7F4
シェード
- 3F947F
- 357E6C
- 2A6859
- 205447
- 174036
- 0E2D25
- 061B16
- 020B08
- 000101
トーン
- 53A791
- 5AA38F
- 619E8D
- 679A8B
- 6C9689
- 719188
- 758D86
- 798984
- 7D8482
カラーハーモニー
補色 +180°
- 4AAB93
Hole in One
- C77D9B
≈ Wild Rose
類似色 -30° +30°
- 4AAB93
Hole in One
- 70A770
≈ Happy Cricket
- 3AA9B3
≈ Tempo
トライアド +120° +240°
- 4AAB93
Hole in One
- 9B8BCE
≈ Petrified Purple
- C6865B
≈ Wheatberry
スプリットコンプリメンタリー +150° +210°
- 4AAB93
Hole in One
- B682B9
≈ African Violet
- CD7F79
≈ Coral Garden
テトラード +90° +180° +270°
- 4AAB93
Hole in One
- 7996D4
≈ Pannikin
- C77D9B
≈ Wild Rose
- B4924B
≈ Venetian Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.53:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--hole-in-one: #4aab93;
--hole-in-one-rgb: 74 171 147;
--hole-in-one-oklch: oklch(0.676 0.099 174.4);
}
.element {
color: var(--hole-in-one);
background-color: hsl(165 40% 48%);
border-color: oklch(0.676 0.099 174.4);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #4aab93;
--color-hole-in-one-50: #d9fff4;
--color-hole-in-one-100: #c6f3e7;
--color-hole-in-one-200: #a8e3d3;
--color-hole-in-one-300: #7fc8b6;
--color-hole-in-one-400: #58b29a;
--color-hole-in-one-500: #249b82;
--color-hole-in-one-600: #22836e;
--color-hole-in-one-700: #1c6958;
--color-hole-in-one-800: #134d3f;
--color-hole-in-one-900: #0c362b;
--color-hole-in-one-950: #002118;
}SCSS
$hole-in-one: #4aab93;
$hole-in-one-rgb: 74, 171, 147;
$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);
}