最も近い色名 · #529EEE
#529EEE
最も近い色名: Sky Dancer
#529EEE（rgb(82 158 238)、hsl(211 82% 63%)、oklch(0.686 0.141 251.6)）に最も近い色名はSky Dancerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#529EEE
oklch(0.686 0.141 251.6)
カラー変換
- HEX
- #529eee
- RGB
- rgb(82 158 238)
- HSL
- hsl(211 82% 63%)
- HWB
- hwb(211 32% 7%)
- OKLCH
- oklch(0.686 0.141 251.6)
- OKLab
- oklab(0.686 -0.044 -0.134)
- CIE Lab
- lab(62.99 -5.16 -48.05)
- LCH
- lch(62.99 48.32 263.9)
- CMYK
- cmyk(66% 34% 0% 7%)
ティント · シェード · トーン
ティント
- 65A8F1
- 77B2F3
- 88BCF5
- 99C6F7
- AACFF9
- BBD9FA
- CCE3FC
- DDECFD
- EEF6FE
シェード
- 4689CF
- 3B74B1
- 2F6093
- 254D77
- 1A3A5C
- 112942
- 08182A
- 020914
- 000103
トーン
- 599BE3
- 5F99D8
- 6496CD
- 6993C2
- 6D90B7
- 728DAC
- 768AA1
- 798796
- 7D838B
カラーハーモニー
補色 +180°
- 529EEE
Sky Dancer
- CF891A
≈ Lobster Butter Sauce
類似色 -30° +30°
- 529EEE
Sky Dancer
- 00ABD2
≈ Hú Lán Blue
- 8D8EEE
≈ Perrywinkle
トライアド +120° +240°
- 529EEE
Sky Dancer
- E37284
≈ Zany Pink
- 7AAC49
≈ Parakeet
スプリットコンプリメンタリー +150° +210°
- 529EEE
Sky Dancer
- E17951
≈ Potash
- AD9C0E
≈ Lucky
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--sky-dancer: #529eee;
--sky-dancer-rgb: 82 158 238;
--sky-dancer-oklch: oklch(0.686 0.141 251.6);
}
.element {
color: var(--sky-dancer);
background-color: hsl(211 82% 63%);
border-color: oklch(0.686 0.141 251.6);
}Tailwind CSS v4
@theme {
--color-sky-dancer: #529eee;
--color-sky-dancer-50: #daf8ff;
--color-sky-dancer-100: #c8ebff;
--color-sky-dancer-200: #aad8ff;
--color-sky-dancer-300: #83bbfe;
--color-sky-dancer-400: #5ba2ef;
--color-sky-dancer-500: #3189df;
--color-sky-dancer-600: #2b74bc;
--color-sky-dancer-700: #225d97;
--color-sky-dancer-800: #134471;
--color-sky-dancer-900: #0c2f4f;
--color-sky-dancer-950: #011b35;
}SCSS
$sky-dancer: #529eee;
$sky-dancer-rgb: 82, 158, 238;
$sky-dancer-light: mix(#fff, $sky-dancer, 20%);
$sky-dancer-dark: mix(#000, $sky-dancer, 20%);
.element {
color: $sky-dancer;
box-shadow: 0 0 0 2px rgba($sky-dancer, 0.35);
}