最も近い色名 · #4BAA95
#4BAA95
最も近い色名: Hole in One
#4BAA95（rgb(75 170 149)、hsl(167 39% 48%)、oklch(0.675 0.096 176.5)）に最も近い色名はHole in Oneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4BAA95
oklch(0.675 0.096 176.5)
カラー変換
- HEX
- #4baa95
- RGB
- rgb(75 170 149)
- HSL
- hsl(167 39% 48%)
- HWB
- hwb(167 29% 33%)
- OKLCH
- oklch(0.675 0.096 176.5)
- OKLab
- oklab(0.675 -0.095 0.006)
- CIE Lab
- lab(63.51 -33.31 1.94)
- LCH
- lch(63.51 33.37 176.7)
- CMYK
- cmyk(56% 0% 12% 33%)
ティント · シェード · トーン
ティント
- 60B29F
- 74BBA9
- 86C3B4
- 98CCBE
- AAD4C9
- BBDDD3
- CCE5DE
- DDEEE9
- EEF6F4
シェード
- 409381
- 357D6D
- 2B685A
- 215348
- 173F37
- 0E2D26
- 061B16
- 020B08
- 000101
トーン
- 54A693
- 5BA291
- 619E8F
- 67998D
- 6C958A
- 719188
- 758D86
- 798984
- 7D8482
カラーハーモニー
補色 +180°
- 4BAA95
Hole in One
- C67E98
≈ Wild Rose
類似色 -30° +30°
- 4BAA95
Hole in One
- 6FA773
≈ Primavera
- 3FA7B4
≈ Green Buoy
トライアド +120° +240°
- 4BAA95
Hole in One
- 9C8ACB
≈ Petrified Purple
- C4875B
≈ Peace of Mind
スプリットコンプリメンタリー +150° +210°
- 4BAA95
Hole in One
- B682B6
≈ Drama Violet
- CB7F77
≈ Chilli Soda
テトラード +90° +180° +270°
- 4BAA95
Hole in One
- 7C95D2
≈ Pannikin
- C67E98
≈ Wild Rose
- B1934D
≈ Obsession
コントラストとアクセシビリティ
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: #4baa95;
--hole-in-one-rgb: 75 170 149;
--hole-in-one-oklch: oklch(0.675 0.096 176.5);
}
.element {
color: var(--hole-in-one);
background-color: hsl(167 39% 48%);
border-color: oklch(0.675 0.096 176.5);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #4baa95;
--color-hole-in-one-50: #d9fff5;
--color-hole-in-one-100: #c7f3e8;
--color-hole-in-one-200: #a8e2d5;
--color-hole-in-one-300: #7fc8b8;
--color-hole-in-one-400: #59b19d;
--color-hole-in-one-500: #279b84;
--color-hole-in-one-600: #248370;
--color-hole-in-one-700: #1d695a;
--color-hole-in-one-800: #144d40;
--color-hole-in-one-900: #0d362c;
--color-hole-in-one-950: #012119;
}SCSS
$hole-in-one: #4baa95;
$hole-in-one-rgb: 75, 170, 149;
$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);
}