最も近い色名 · #61A395
#61A395
最も近い色名: Emerald Oasis
#61A395（rgb(97 163 149)、hsl(167 26% 51%)、oklch(0.667 0.071 178.9)）に最も近い色名はEmerald Oasisです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#61A395
oklch(0.667 0.071 178.9)
カラー変換
- HEX
- #61a395
- RGB
- rgb(97 163 149)
- HSL
- hsl(167 26% 51%)
- HWB
- hwb(167 38% 36%)
- OKLCH
- oklch(0.667 0.071 178.9)
- OKLab
- oklab(0.667 -0.071 0.001)
- CIE Lab
- lab(62.29 -24.6 0.32)
- LCH
- lch(62.29 24.6 179.3)
- CMYK
- cmyk(40% 0% 9% 36%)
ティント · シェード · トーン
ティント
- 72AC9F
- 82B5A9
- 91BEB4
- A1C7BE
- B1D0C9
- C0DAD3
- D0E3DE
- E0ECE9
- EFF6F4
シェード
- 538D81
- 46786D
- 39635A
- 2D4F48
- 213C37
- 152A26
- 0B1916
- 030A08
- 000101
トーン
- 65A093
- 699C91
- 6D998F
- 70958D
- 73928A
- 768E88
- 798B86
- 7C8784
- 7E8482
カラーハーモニー
補色 +180°
- 61A395
Emerald Oasis
- B98293
≈ Nuisette
類似色 -30° +30°
- 61A395
Emerald Oasis
- 76A17C
≈ Green Grey
- 5CA1AC
≈ Aqua Sea
トライアド +120° +240°
- 61A395
Emerald Oasis
- 9A8BBB
≈ Sand Verbena
- B68A68
≈ Jama Masjid Taupe
スプリットコンプリメンタリー +150° +210°
- 61A395
Emerald Oasis
- AD85AA
≈ Dusty Lavender
- BC847B
≈ Cameo Brown
テトラード +90° +180° +270°
- 61A395
Emerald Oasis
- 8293C1
≈ Blue Hyacinth
- B98293
≈ Nuisette
- A69261
≈ Keemun
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.92:1 · APCA Lc 56
Ag
AAA黒の上
WCAG 7.18:1 · APCA Lc 46
最適な文字色: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
コードスニペット
CSS
:root {
--emerald-oasis: #61a395;
--emerald-oasis-rgb: 97 163 149;
--emerald-oasis-oklch: oklch(0.667 0.071 178.9);
}
.element {
color: var(--emerald-oasis);
background-color: hsl(167 26% 51%);
border-color: oklch(0.667 0.071 178.9);
}Tailwind CSS v4
@theme {
--color-emerald-oasis: #61a395;
--color-emerald-oasis-50: #e0fcf6;
--color-emerald-oasis-100: #cff0e9;
--color-emerald-oasis-200: #b4dfd6;
--color-emerald-oasis-300: #8fc4b9;
--color-emerald-oasis-400: #6ead9f;
--color-emerald-oasis-500: #4b9687;
--color-emerald-oasis-600: #417f72;
--color-emerald-oasis-700: #33655b;
--color-emerald-oasis-800: #254b42;
--color-emerald-oasis-900: #18342d;
--color-emerald-oasis-950: #091f1a;
}SCSS
$emerald-oasis: #61a395;
$emerald-oasis-rgb: 97, 163, 149;
$emerald-oasis-light: mix(#fff, $emerald-oasis, 20%);
$emerald-oasis-dark: mix(#000, $emerald-oasis, 20%);
.element {
color: $emerald-oasis;
box-shadow: 0 0 0 2px rgba($emerald-oasis, 0.35);
}