最も近い色名 · #00636C
#00636C
最も近い色名: Wakame Green
#00636C（rgb(0 99 108)、hsl(185 100% 21%)、oklch(0.456 0.078 205.7)）に最も近い色名はWakame Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00636C
oklch(0.456 0.078 205.7)
カラー変換
- HEX
- #00636c
- RGB
- rgb(0 99 108)
- HSL
- hsl(185 100% 21%)
- HWB
- hwb(185 0% 58%)
- OKLCH
- oklch(0.456 0.078 205.7)
- OKLab
- oklab(0.456 -0.07 -0.034)
- CIE Lab
- lab(37.58 -22.85 -12.57)
- LCH
- lch(37.58 26.08 208.8)
- CMYK
- cmyk(100% 8% 0% 58%)
ティント · シェード · トーン
ティント
- 2B727A
- 468188
- 5D9096
- 749FA4
- 8BAFB3
- A2BEC2
- B9CED1
- D0DEE0
- E7EFEF
シェード
- 00555D
- 00474E
- 003A40
- 002E32
- 002125
- 001619
- 000B0D
- 000304
- 000000
トーン
- 1D666E
- 2D6970
- 3A6C72
- 466F74
- 507276
- 5A7578
- 64787A
- 6E7B7C
- 777D7E
カラーハーモニー
補色 +180°
- 00636C
Wakame Green
- 7D4540
≈ Sweet Spiceberry
類似色 -30° +30°
- 00636C
Wakame Green
- 166555
≈ Dancing Dragonfly
- 235D7C
≈ Nautical Creatures
トライアド +120° +240°
- 00636C
Wakame Green
- 6D476E
≈ Sunset Purple
- 6A531C
≈ Field Drab
スプリットコンプリメンタリー +150° +210°
- 00636C
Wakame Green
- 794459
≈ Cheerful Wine
- 784B29
≈ Urban Auburn
テトラード +90° +180° +270°
- 00636C
Wakame Green
- 5B4E7E
≈ Freshly Purpleized
- 7D4540
≈ Sweet Spiceberry
- 555C25
≈ Saratoga
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.99:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 3.00:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--wakame-green: #00636c;
--wakame-green-rgb: 0 99 108;
--wakame-green-oklch: oklch(0.456 0.078 205.7);
}
.element {
color: var(--wakame-green);
background-color: hsl(185 100% 21%);
border-color: oklch(0.456 0.078 205.7);
}Tailwind CSS v4
@theme {
--color-wakame-green: #00636c;
--color-wakame-green-50: #ddfcff;
--color-wakame-green-100: #cbf0f5;
--color-wakame-green-200: #aedee6;
--color-wakame-green-300: #88c3cc;
--color-wakame-green-400: #63acb5;
--color-wakame-green-500: #3a959f;
--color-wakame-green-600: #337e87;
--color-wakame-green-700: #29656c;
--color-wakame-green-800: #1b4a4f;
--color-wakame-green-900: #123437;
--color-wakame-green-950: #041f22;
}SCSS
$wakame-green: #00636c;
$wakame-green-rgb: 0, 99, 108;
$wakame-green-light: mix(#fff, $wakame-green, 20%);
$wakame-green-dark: mix(#000, $wakame-green, 20%);
.element {
color: $wakame-green;
box-shadow: 0 0 0 2px rgba($wakame-green, 0.35);
}