最も近い色名 · #00B4A2
#00B4A2
最も近い色名: Billiard
#00B4A2（rgb(0 180 162)、hsl(174 100% 35%)、oklch(0.691 0.123 182.4)）に最も近い色名はBilliardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00B4A2
oklch(0.691 0.123 182.4)
カラー変換
- HEX
- #00b4a2
- RGB
- rgb(0 180 162)
- HSL
- hsl(174 100% 35%)
- HWB
- hwb(174 0% 29%)
- OKLCH
- oklch(0.691 0.123 182.4)
- OKLab
- oklab(0.691 -0.123 -0.005)
- CIE Lab
- lab(65.68 -43.12 -2.29)
- LCH
- lch(65.68 43.18 183)
- CMYK
- cmyk(100% 0% 10% 29%)
ティント · シェード · トーン
ティント
- 3FBCAB
- 5DC3B4
- 75CBBD
- 8BD3C6
- 9FDAD0
- B3E2D9
- C7E9E2
- DAF0EC
- ECF8F5
シェード
- 009C8C
- 008577
- 006E63
- 00584F
- 00443C
- 00302A
- 001D19
- 000C0A
- 000201
トーン
- 2DAF9F
- 40AA9B
- 4EA598
- 59A094
- 629A91
- 69958D
- 70908A
- 768B87
- 7B8583
カラーハーモニー
補色 +180°
- 00B4A2
Billiard
- DA7995
≈ Impatient Pink
類似色 -30° +30°
- 00B4A2
Billiard
- 59B176
≈ Pale Green
- 00AFC7
≈ Havasupai Falls
トライアド +120° +240°
- 00B4A2
Billiard
- AB88DB
≈ Middy’s Purple
- D18942
≈ Hazelnut Coffee
スプリットコンプリメンタリー +150° +210°
- 00B4A2
Billiard
- C87EBD
≈ Peruvian Lily
- DD7D6A
≈ Rich Georgia Clay
テトラード +90° +180° +270°
- 00B4A2
Billiard
- 8296E8
≈ Portage
- DA7995
≈ Impatient Pink
- B79931
≈ Sahara
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.60:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.05:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.05:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--billiard: #00b4a2;
--billiard-rgb: 0 180 162;
--billiard-oklch: oklch(0.691 0.123 182.4);
}
.element {
color: var(--billiard);
background-color: hsl(174 100% 35%);
border-color: oklch(0.691 0.123 182.4);
}Tailwind CSS v4
@theme {
--color-billiard: #00b4a2;
--color-billiard-50: #cffff9;
--color-billiard-100: #baf6ed;
--color-billiard-200: #96e6da;
--color-billiard-300: #65ccbf;
--color-billiard-400: #27b6a4;
--color-billiard-500: #00a08d;
--color-billiard-600: #008777;
--color-billiard-700: #006c5f;
--color-billiard-800: #005044;
--color-billiard-900: #00382f;
--color-billiard-950: #00221c;
}SCSS
$billiard: #00b4a2;
$billiard-rgb: 0, 180, 162;
$billiard-light: mix(#fff, $billiard, 20%);
$billiard-dark: mix(#000, $billiard, 20%);
.element {
color: $billiard;
box-shadow: 0 0 0 2px rgba($billiard, 0.35);
}