最も近い色名 · #004C6D
#004C6D
最も近い色名: Seafarer
#004C6D（rgb(0 76 109)、hsl(198 100% 21%)、oklch(0.394 0.085 235.9)）に最も近い色名はSeafarerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#004C6D
oklch(0.394 0.085 235.9)
カラー変換
- HEX
- #004c6d
- RGB
- rgb(0 76 109)
- HSL
- hsl(198 100% 21%)
- HWB
- hwb(198 0% 57%)
- OKLCH
- oklch(0.394 0.085 235.9)
- OKLab
- oklab(0.394 -0.047 -0.07)
- CIE Lab
- lab(29.68 -10.82 -25.3)
- LCH
- lch(29.68 27.51 246.8)
- CMYK
- cmyk(100% 30% 0% 57%)
ティント · シェード · トーン
ティント
- 255D7B
- 3F6E89
- 567F98
- 6D90A6
- 85A2B5
- 9DB4C3
- B5C7D2
- CDD9E1
- E6ECF0
シェード
- 00415E
- 00364F
- 002C41
- 002233
- 001826
- 000F19
- 00060D
- 000204
- 000001
トーン
- 18516F
- 275771
- 345C74
- 406176
- 4B6677
- 566C79
- 60717B
- 6B767D
- 767B7E
カラーハーモニー
補色 +180°
- 004C6D
Seafarer
- 683810
≈ Nutmeg Wood Finish
類似色 -30° +30°
- 004C6D
Seafarer
- 005058
≈ Deep Atlantic Blue
- 304473
≈ Bona Fide
トライアド +120° +240°
- 004C6D
Seafarer
- 693148
≈ Old Mauve
- 444B09
≈ No Emissions Green
スプリットコンプリメンタリー +150° +210°
- 004C6D
Seafarer
- 6C322D
≈ Kenyan Copper
- 594200
≈ Sugarloaf Brown
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.31:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.25:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--seafarer: #004c6d;
--seafarer-rgb: 0 76 109;
--seafarer-oklch: oklch(0.394 0.085 235.9);
}
.element {
color: var(--seafarer);
background-color: hsl(198 100% 21%);
border-color: oklch(0.394 0.085 235.9);
}Tailwind CSS v4
@theme {
--color-seafarer: #004c6d;
--color-seafarer-50: #e0f9ff;
--color-seafarer-100: #cfedff;
--color-seafarer-200: #b3daf5;
--color-seafarer-300: #8fbede;
--color-seafarer-400: #6ca7ca;
--color-seafarer-500: #488fb7;
--color-seafarer-600: #3e799a;
--color-seafarer-700: #32617c;
--color-seafarer-800: #21475b;
--color-seafarer-900: #163140;
--color-seafarer-950: #071d29;
}SCSS
$seafarer: #004c6d;
$seafarer-rgb: 0, 76, 109;
$seafarer-light: mix(#fff, $seafarer, 20%);
$seafarer-dark: mix(#000, $seafarer, 20%);
.element {
color: $seafarer;
box-shadow: 0 0 0 2px rgba($seafarer, 0.35);
}