最も近い色名 · #43AB93
#43AB93
最も近い色名: Hole in One
#43AB93（rgb(67 171 147)、hsl(166 44% 47%)、oklch(0.674 0.103 175.2)）に最も近い色名はHole in Oneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#43AB93
oklch(0.674 0.103 175.2)
カラー変換
- HEX
- #43ab93
- RGB
- rgb(67 171 147)
- HSL
- hsl(166 44% 47%)
- HWB
- hwb(166 26% 33%)
- OKLCH
- oklch(0.674 0.103 175.2)
- OKLab
- oklab(0.674 -0.102 0.009)
- CIE Lab
- lab(63.52 -35.81 3.01)
- LCH
- lch(63.52 35.94 175.2)
- CMYK
- cmyk(61% 0% 14% 33%)
ティント · シェード · トーン
ティント
- 5BB39D
- 6FBCA8
- 83C4B2
- 95CDBD
- A7D5C8
- B9DDD3
- CBE6DD
- DCEEE9
- EEF7F4
シェード
- 39947F
- 2F7E6C
- 266859
- 1D5447
- 144036
- 0C2D25
- 051B16
- 010B08
- 000101
トーン
- 4DA791
- 56A38F
- 5E9E8D
- 649A8B
- 6A9689
- 6F9288
- 748D86
- 788984
- 7C8482
カラーハーモニー
補色 +180°
- 43AB93
Hole in One
- C87B99
≈ Wild Rose
類似色 -30° +30°
- 43AB93
Hole in One
- 6DA76F
≈ Happy Cricket
- 31A8B5
≈ Green Buoy
トライアド +120° +240°
- 43AB93
Hole in One
- 9B89CF
≈ Petrified Purple
- C78556
≈ Maple Syrup Brown
スプリットコンプリメンタリー +150° +210°
- 43AB93
Hole in One
- B780B9
≈ Lavender Sweater
- CE7D76
≈ Chilli Soda
テトラード +90° +180° +270°
- 43AB93
Hole in One
- 7895D6
≈ Pannikin
- C87B99
≈ Wild Rose
- B39146
≈ Venetian Gold
コントラストとアクセシビリティ
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: #43ab93;
--hole-in-one-rgb: 67 171 147;
--hole-in-one-oklch: oklch(0.674 0.103 175.2);
}
.element {
color: var(--hole-in-one);
background-color: hsl(166 44% 47%);
border-color: oklch(0.674 0.103 175.2);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #43ab93;
--color-hole-in-one-50: #d7fff5;
--color-hole-in-one-100: #c5f4e7;
--color-hole-in-one-200: #a5e3d3;
--color-hole-in-one-300: #7bc9b6;
--color-hole-in-one-400: #53b29b;
--color-hole-in-one-500: #159c82;
--color-hole-in-one-600: #18846e;
--color-hole-in-one-700: #146a58;
--color-hole-in-one-800: #0e4e3f;
--color-hole-in-one-900: #09362b;
--color-hole-in-one-950: #002119;
}SCSS
$hole-in-one: #43ab93;
$hole-in-one-rgb: 67, 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);
}