最も近い色名 · #5DB1DF
#5DB1DF
最も近い色名: Milky Waves
#5DB1DF（rgb(93 177 223)、hsl(201 67% 62%)、oklch(0.726 0.106 234.8)）に最も近い色名はMilky Wavesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5DB1DF
oklch(0.726 0.106 234.8)
カラー変換
- HEX
- #5db1df
- RGB
- rgb(93 177 223)
- HSL
- hsl(201 67% 62%)
- HWB
- hwb(201 36% 13%)
- OKLCH
- oklch(0.726 0.106 234.8)
- OKLab
- oklab(0.726 -0.061 -0.086)
- CIE Lab
- lab(68.33 -16.39 -31.52)
- LCH
- lch(68.33 35.52 242.5)
- CMYK
- cmyk(58% 21% 0% 13%)
ティント · シェード · トーン
ティント
- 6FB9E3
- 81C1E6
- 91C9E9
- A1D1ED
- B1D8F0
- C1E0F3
- D0E8F6
- E0F0F9
- F0F7FC
シェード
- 5099C2
- 4383A5
- 376C8A
- 2A576F
- 1F4256
- 142F3D
- 0A1C27
- 030C12
- 000102
トーン
- 63ACD5
- 68A7CC
- 6CA3C2
- 709EB9
- 7499AF
- 7794A6
- 798F9C
- 7C8A93
- 7E8589
カラーハーモニー
補色 +180°
- 5DB1DF
Milky Waves
- DA9464
≈ Gold Earth
類似色 -30° +30°
- 5DB1DF
Milky Waves
- 41B9C6
≈ Water Sports
- 86A5E9
≈ Blue Cue
トライアド +120° +240°
- 5DB1DF
Milky Waves
- DB8AAA
≈ Vivacious Pink
- A4AE5E
≈ Stay in Lime
スプリットコンプリメンタリー +150° +210°
- 5DB1DF
Milky Waves
- E18C85
≈ Coral Haze
- C5A153
≈ Sauterne
テトラード +90° +180° +270°
- 5DB1DF
Milky Waves
- C88FCB
≈ Rose Souvenir
- DA9464
≈ Gold Earth
- 7CB87D
≈ Colour Me Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.38:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.81:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--milky-waves: #5db1df;
--milky-waves-rgb: 93 177 223;
--milky-waves-oklch: oklch(0.726 0.106 234.8);
}
.element {
color: var(--milky-waves);
background-color: hsl(201 67% 62%);
border-color: oklch(0.726 0.106 234.8);
}Tailwind CSS v4
@theme {
--color-milky-waves: #5db1df;
--color-milky-waves-50: #dafbff;
--color-milky-waves-100: #c8eeff;
--color-milky-waves-200: #aadcfc;
--color-milky-waves-300: #82c0e7;
--color-milky-waves-400: #5aa8d4;
--color-milky-waves-500: #2b90c2;
--color-milky-waves-600: #277aa3;
--color-milky-waves-700: #1f6283;
--color-milky-waves-800: #124861;
--color-milky-waves-900: #0c3244;
--color-milky-waves-950: #001e2c;
}SCSS
$milky-waves: #5db1df;
$milky-waves-rgb: 93, 177, 223;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}