最も近い色名 · #006689
#006689
最も近い色名: Harem Silk
#006689（rgb(0 102 137)、hsl(195 100% 27%)、oklch(0.478 0.096 230.7)）に最も近い色名はHarem Silkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#006689
oklch(0.478 0.096 230.7)
カラー変換
- HEX
- #006689
- RGB
- rgb(0 102 137)
- HSL
- hsl(195 100% 27%)
- HWB
- hwb(195 0% 46%)
- OKLCH
- oklch(0.478 0.096 230.7)
- OKLab
- oklab(0.478 -0.061 -0.074)
- CIE Lab
- lab(39.65 -15.65 -26.97)
- LCH
- lch(39.65 31.18 239.9)
- CMYK
- cmyk(100% 26% 0% 46%)
ティント · シェード · トーン
ティント
- 2C7595
- 4784A0
- 5F92AC
- 76A2B8
- 8CB1C4
- A3C0CF
- BAD0DB
- D0DFE7
- E8EFF3
シェード
- 005876
- 004A64
- 003C53
- 002F42
- 002331
- 001722
- 000C14
- 000407
- 000001
トーン
- 1E6988
- 2E6C88
- 3B6F87
- 477186
- 517485
- 5B7685
- 657984
- 6E7B82
- 777E81
カラーハーモニー
補色 +180°
- 006689
Harem Silk
- 874B26
≈ Chestnut Glaze
類似色 -30° +30°
- 006689
Harem Silk
- 006A70
≈ Deep Lake
- 3D5C93
≈ Lambent Lagoon
トライアド +120° +240°
- 006689
Harem Silk
- 854564
≈ Grand Poobah
- 606214
≈ Kirchner Green
スプリットコンプリメンタリー +150° +210°
- 006689
Harem Silk
- 8B4545
≈ Forbidden Red
- 795607
≈ Autumn Leaf Brown
テトラード +90° +180° +270°
- 006689
Harem Silk
- 754A7E
≈ Lilac Violet
- 874B26
≈ Chestnut Glaze
- 3D6A35
≈ Tree Shade
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.43:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.26:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--harem-silk: #006689;
--harem-silk-rgb: 0 102 137;
--harem-silk-oklch: oklch(0.478 0.096 230.7);
}
.element {
color: var(--harem-silk);
background-color: hsl(195 100% 27%);
border-color: oklch(0.478 0.096 230.7);
}Tailwind CSS v4
@theme {
--color-harem-silk: #006689;
--color-harem-silk-50: #dbfbff;
--color-harem-silk-100: #c9eeff;
--color-harem-silk-200: #acdcf7;
--color-harem-silk-300: #85c0e1;
--color-harem-silk-400: #5ea9cd;
--color-harem-silk-500: #3391ba;
--color-harem-silk-600: #2d7b9d;
--color-harem-silk-700: #24627e;
--color-harem-silk-800: #16485d;
--color-harem-silk-900: #0e3241;
--color-harem-silk-950: #021e2a;
}SCSS
$harem-silk: #006689;
$harem-silk-rgb: 0, 102, 137;
$harem-silk-light: mix(#fff, $harem-silk, 20%);
$harem-silk-dark: mix(#000, $harem-silk, 20%);
.element {
color: $harem-silk;
box-shadow: 0 0 0 2px rgba($harem-silk, 0.35);
}