最も近い色名 · #49AB91
#49AB91
最も近い色名: Hole in One
#49AB91（rgb(73 171 145)、hsl(164 40% 48%)、oklch(0.675 0.1 173)）に最も近い色名はHole in Oneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#49AB91
oklch(0.675 0.1 173)
カラー変換
- HEX
- #49ab91
- RGB
- rgb(73 171 145)
- HSL
- hsl(164 40% 48%)
- HWB
- hwb(164 29% 33%)
- OKLCH
- oklch(0.675 0.1 173)
- OKLab
- oklab(0.675 -0.1 0.012)
- CIE Lab
- lab(63.67 -34.93 4.35)
- LCH
- lch(63.67 35.2 172.9)
- CMYK
- cmyk(57% 0% 15% 33%)
ティント · シェード · トーン
ティント
- 5FB39B
- 73BCA6
- 86C4B1
- 98CDBC
- A9D5C7
- BADDD2
- CCE6DD
- DDEEE8
- EEF7F4
シェード
- 3E947D
- 347E6A
- 2A6858
- 205446
- 174035
- 0E2D25
- 061B15
- 020B07
- 000101
トーン
- 52A78F
- 5AA38E
- 619E8C
- 679A8A
- 6C9688
- 719187
- 758D85
- 798983
- 7D8482
カラーハーモニー
補色 +180°
- 49AB91
Hole in One
- C77C9C
≈ Wild Rose
類似色 -30° +30°
- 49AB91
Hole in One
- 71A76E
≈ Happy Cricket
- 36A9B2
≈ Tempo
トライアド +120° +240°
- 49AB91
Hole in One
- 998BCF
≈ Adora
- C8855A
≈ Wheatberry
スプリットコンプリメンタリー +150° +210°
- 49AB91
Hole in One
- B582BB
≈ African Violet
- CE7D7A
≈ Coral Garden
テトラード +90° +180° +270°
- 49AB91
Hole in One
- 7696D5
≈ Pannikin
- C77C9C
≈ Wild Rose
- B59149
≈ Venetian Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--hole-in-one: #49ab91;
--hole-in-one-rgb: 73 171 145;
--hole-in-one-oklch: oklch(0.675 0.1 173);
}
.element {
color: var(--hole-in-one);
background-color: hsl(164 40% 48%);
border-color: oklch(0.675 0.1 173);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #49ab91;
--color-hole-in-one-50: #d9fff3;
--color-hole-in-one-100: #c6f3e6;
--color-hole-in-one-200: #a7e3d2;
--color-hole-in-one-300: #7ec9b4;
--color-hole-in-one-400: #57b299;
--color-hole-in-one-500: #229b80;
--color-hole-in-one-600: #21836c;
--color-hole-in-one-700: #1b6956;
--color-hole-in-one-800: #134d3e;
--color-hole-in-one-900: #0c362a;
--color-hole-in-one-950: #002118;
}SCSS
$hole-in-one: #49ab91;
$hole-in-one-rgb: 73, 171, 145;
$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);
}