最も近い色名 · #51AA8E
#51AA8E
最も近い色名: Hole in One
#51AA8E（rgb(81 170 142)、hsl(161 35% 49%)、oklch(0.675 0.096 170.3)）に最も近い色名はHole in Oneです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#51AA8E
oklch(0.675 0.096 170.3)
カラー変換
- HEX
- #51aa8e
- RGB
- rgb(81 170 142)
- HSL
- hsl(161 35% 49%)
- HWB
- hwb(161 32% 33%)
- OKLCH
- oklch(0.675 0.096 170.3)
- OKLab
- oklab(0.675 -0.095 0.016)
- CIE Lab
- lab(63.58 -33.2 5.93)
- LCH
- lch(63.58 33.73 169.9)
- CMYK
- cmyk(52% 0% 16% 33%)
ティント · シェード · トーン
ティント
- 65B299
- 78BBA4
- 89C3AF
- 9BCCBA
- ACD4C5
- BCDDD0
- CDE5DC
- DEEEE8
- EEF6F3
シェード
- 45937B
- 3A7D68
- 2F6856
- 245344
- 1A3F34
- 102D24
- 071B15
- 020B07
- 000101
トーン
- 58A68D
- 5FA28B
- 659E8A
- 6A9988
- 6E9587
- 729186
- 768D84
- 7A8983
- 7D8481
カラーハーモニー
補色 +180°
- 51AA8E
Hole in One
- C47E9F
≈ Wild Rose
類似色 -30° +30°
- 51AA8E
Hole in One
- 76A66D
≈ Ready Lawn
- 3DA8AE
≈ Modal Blue
トライアド +120° +240°
- 51AA8E
Hole in One
- 968CCE
≈ Adora
- C78560
≈ Wheatberry
スプリットコンプリメンタリー +150° +210°
- 51AA8E
Hole in One
- B183BC
≈ African Violet
- CB7E7E
≈ Dirty Pink
テトラード +90° +180° +270°
- 51AA8E
Hole in One
- 7497D2
≈ Sea Loch
- C47E9F
≈ Wild Rose
- B6904E
≈ Yellow Acorn
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.49:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--hole-in-one: #51aa8e;
--hole-in-one-rgb: 81 170 142;
--hole-in-one-oklch: oklch(0.675 0.096 170.3);
}
.element {
color: var(--hole-in-one);
background-color: hsl(161 35% 49%);
border-color: oklch(0.675 0.096 170.3);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #51aa8e;
--color-hole-in-one-50: #dbfff2;
--color-hole-in-one-100: #c8f3e4;
--color-hole-in-one-200: #abe2d0;
--color-hole-in-one-300: #83c8b2;
--color-hole-in-one-400: #5eb196;
--color-hole-in-one-500: #319a7d;
--color-hole-in-one-600: #2c836a;
--color-hole-in-one-700: #236954;
--color-hole-in-one-800: #194d3c;
--color-hole-in-one-900: #103529;
--color-hole-in-one-950: #032117;
}SCSS
$hole-in-one: #51aa8e;
$hole-in-one-rgb: 81, 170, 142;
$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);
}