最も近い色名 · #008B7E
#008B7E
最も近い色名: Go Go Green
#008B7E（rgb(0 139 126)、hsl(174 100% 27%)、oklch(0.572 0.102 183.4)）に最も近い色名はGo Go Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#008B7E
oklch(0.572 0.102 183.4)
カラー変換
- HEX
- #008b7e
- RGB
- rgb(0 139 126)
- HSL
- hsl(174 100% 27%)
- HWB
- hwb(174 0% 45%)
- OKLCH
- oklch(0.572 0.102 183.4)
- OKLab
- oklab(0.572 -0.101 -0.006)
- CIE Lab
- lab(51.58 -35.38 -2.54)
- LCH
- lch(51.58 35.47 184.1)
- CMYK
- cmyk(100% 0% 9% 45%)
ティント · シェード · トーン
ティント
- 35968A
- 51A296
- 69ADA3
- 80B9B0
- 95C4BC
- ABD0C9
- C0DCD7
- D5E7E4
- EAF3F1
シェード
- 00786D
- 00665C
- 00544C
- 00433C
- 00322D
- 00231F
- 001411
- 000705
- 000101
トーン
- 258A7E
- 37897E
- 44887F
- 4F877F
- 59867F
- 62857F
- 6A847F
- 728380
- 798180
カラーハーモニー
補色 +180°
- 008B7E
Go Go Green
- A95D72
≈ Topinambur Root
類似色 -30° +30°
- 008B7E
Go Go Green
- 42895B
≈ Onion Seedling
- 00879B
≈ Marker Blue
トライアド +120° +240°
- 008B7E
Go Go Green
- 8468A9
≈ Chive Blossom
- A26A31
≈ Eagle
スプリットコンプリメンタリー +150° +210°
- 008B7E
Go Go Green
- 9C6091
≈ Thimble Red
- AB6050
≈ Trolley Dash
テトラード +90° +180° +270°
- 008B7E
Go Go Green
- 6573B4
≈ Wild Pansy
- A95D72
≈ Topinambur Root
- 8C7625
≈ Aubergine Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.20:1 · APCA Lc 68
Ag
AA黒の上
WCAG 4.99:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--go-go-green: #008b7e;
--go-go-green-rgb: 0 139 126;
--go-go-green-oklch: oklch(0.572 0.102 183.4);
}
.element {
color: var(--go-go-green);
background-color: hsl(174 100% 27%);
border-color: oklch(0.572 0.102 183.4);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008b7e;
--color-go-go-green-50: #d6fff9;
--color-go-go-green-100: #c3f4ec;
--color-go-go-green-200: #a3e3da;
--color-go-go-green-300: #78c9be;
--color-go-go-green-400: #4db2a4;
--color-go-go-green-500: #009c8d;
--color-go-go-green-600: #068477;
--color-go-go-green-700: #09695f;
--color-go-go-green-800: #064e45;
--color-go-go-green-900: #05362f;
--color-go-go-green-950: #00211c;
}SCSS
$go-go-green: #008b7e;
$go-go-green-rgb: 0, 139, 126;
$go-go-green-light: mix(#fff, $go-go-green, 20%);
$go-go-green-dark: mix(#000, $go-go-green, 20%);
.element {
color: $go-go-green;
box-shadow: 0 0 0 2px rgba($go-go-green, 0.35);
}