最も近い色名 · #0B8577
#0B8577
最も近い色名: Emerald Whispers
#0B8577（rgb(11 133 119)、hsl(173 85% 28%)、oklch(0.554 0.097 182)）に最も近い色名はEmerald Whispersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0B8577
oklch(0.554 0.097 182)
カラー変換
- HEX
- #0b8577
- RGB
- rgb(11 133 119)
- HSL
- hsl(173 85% 28%)
- HWB
- hwb(173 4% 48%)
- OKLCH
- oklch(0.554 0.097 182)
- OKLab
- oklab(0.554 -0.097 -0.003)
- CIE Lab
- lab(49.51 -33.98 -1.49)
- LCH
- lch(49.51 34.01 182.5)
- CMYK
- cmyk(92% 0% 11% 48%)
ティント · シェード · トーン
ティント
- 379184
- 519D91
- 69A99E
- 7FB5AB
- 95C1B9
- AACDC6
- BFDAD4
- D4E6E2
- EAF2F1
シェード
- 087367
- 066157
- 045047
- 024038
- 01302A
- 01211C
- 001310
- 000605
- 000101
トーン
- 288578
- 388479
- 44847A
- 4F847B
- 59837B
- 61837C
- 6A827D
- 71817E
- 79817F
カラーハーモニー
補色 +180°
- 0B8577
Emerald Whispers
- A1596E
≈ Ruby Shade
類似色 -30° +30°
- 0B8577
Emerald Whispers
- 428356
≈ Kilkenny
- 008194
≈ Craftsman Blue
トライアド +120° +240°
- 0B8577
Emerald Whispers
- 7D64A2
≈ Purple Paradise
- 9B6531
≈ Woodgrain
スプリットコンプリメンタリー +150° +210°
- 0B8577
Emerald Whispers
- 945D8C
≈ Plum Savour
- A45C4E
≈ Remington Rust
テトラード +90° +180° +270°
- 0B8577
Emerald Whispers
- 5F6FAC
≈ Dormitory
- A1596E
≈ Ruby Shade
- 877124
≈ Corn Harvest
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.53:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.63:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--emerald-whispers: #0b8577;
--emerald-whispers-rgb: 11 133 119;
--emerald-whispers-oklch: oklch(0.554 0.097 182);
}
.element {
color: var(--emerald-whispers);
background-color: hsl(173 85% 28%);
border-color: oklch(0.554 0.097 182);
}Tailwind CSS v4
@theme {
--color-emerald-whispers: #0b8577;
--color-emerald-whispers-50: #d8fff8;
--color-emerald-whispers-100: #c5f3eb;
--color-emerald-whispers-200: #a6e2d9;
--color-emerald-whispers-300: #7cc8bd;
--color-emerald-whispers-400: #53b1a3;
--color-emerald-whispers-500: #179b8b;
--color-emerald-whispers-600: #198376;
--color-emerald-whispers-700: #15695e;
--color-emerald-whispers-800: #0e4d44;
--color-emerald-whispers-900: #09362f;
--color-emerald-whispers-950: #00211b;
}SCSS
$emerald-whispers: #0b8577;
$emerald-whispers-rgb: 11, 133, 119;
$emerald-whispers-light: mix(#fff, $emerald-whispers, 20%);
$emerald-whispers-dark: mix(#000, $emerald-whispers, 20%);
.element {
color: $emerald-whispers;
box-shadow: 0 0 0 2px rgba($emerald-whispers, 0.35);
}