最も近い色名 · #527B9B
#527B9B
最も近い色名: Zenith
#527B9B（rgb(82 123 155)、hsl(206 31% 46%)、oklch(0.566 0.068 242.9)）に最も近い色名はZenithです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#527B9B
oklch(0.566 0.068 242.9)
カラー変換
- HEX
- #527b9b
- RGB
- rgb(82 123 155)
- HSL
- hsl(206 31% 46%)
- HWB
- hwb(206 32% 39%)
- OKLCH
- oklch(0.566 0.068 242.9)
- OKLab
- oklab(0.566 -0.031 -0.06)
- CIE Lab
- lab(49.57 -7.9 -22.07)
- LCH
- lch(49.57 23.44 250.3)
- CMYK
- cmyk(47% 21% 0% 39%)
ティント · シェード · トーン
ティント
- 6388A5
- 7394AF
- 84A1B9
- 95AEC3
- A6BBCD
- B8C9D7
- C9D6E1
- DBE4EB
- EDF1F5
シェード
- 466A86
- 3B5A72
- 2F4A5E
- 253A4B
- 1A2C39
- 111E28
- 081018
- 020509
- 000101
トーン
- 577C98
- 5C7C96
- 617D93
- 667D91
- 6A7E8E
- 6F7E8B
- 737F89
- 777F86
- 7C8083
カラーハーモニー
補色 +180°
- 527B9B
Zenith
- 936D4C
≈ El Caramelo
類似色 -30° +30°
- 527B9B
Zenith
- 42818E
≈ Shady Blue
- 69749E
≈ Blue Batik
トライアド +120° +240°
- 527B9B
Zenith
- 986572
≈ Jellybean Pink
- 6F7D50
≈ Mint Leaves
スプリットコンプリメンタリー +150° +210°
- 527B9B
Zenith
- 9A675C
≈ Terra Cotta Sun
- 847546
≈ Peppered Moss
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--zenith: #527b9b;
--zenith-rgb: 82 123 155;
--zenith-oklch: oklch(0.566 0.068 242.9);
}
.element {
color: var(--zenith);
background-color: hsl(206 31% 46%);
border-color: oklch(0.566 0.068 242.9);
}Tailwind CSS v4
@theme {
--color-zenith: #527b9b;
--color-zenith-50: #e6f8ff;
--color-zenith-100: #d6ebfe;
--color-zenith-200: #bdd8f0;
--color-zenith-300: #9bbcd8;
--color-zenith-400: #7ca4c4;
--color-zenith-500: #5d8cb0;
--color-zenith-600: #507694;
--color-zenith-700: #3f5f77;
--color-zenith-800: #2c4658;
--color-zenith-900: #1e303d;
--color-zenith-950: #0e1c27;
}SCSS
$zenith: #527b9b;
$zenith-rgb: 82, 123, 155;
$zenith-light: mix(#fff, $zenith, 20%);
$zenith-dark: mix(#000, $zenith, 20%);
.element {
color: $zenith;
box-shadow: 0 0 0 2px rgba($zenith, 0.35);
}