最も近い色名 · #63B6E5
#63B6E5
最も近い色名: Malibu
#63B6E5（rgb(99 182 229)、hsl(202 71% 64%)、oklch(0.742 0.106 235.5)）に最も近い色名はMalibuです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#63B6E5
oklch(0.742 0.106 235.5)
カラー変換
- HEX
- #63b6e5
- RGB
- rgb(99 182 229)
- HSL
- hsl(202 71% 64%)
- HWB
- hwb(202 39% 10%)
- OKLCH
- oklch(0.742 0.106 235.5)
- OKLab
- oklab(0.742 -0.06 -0.087)
- CIE Lab
- lab(70.22 -16.1 -31.86)
- LCH
- lch(70.22 35.7 243.2)
- CMYK
- cmyk(57% 21% 0% 10%)
ティント · シェード · トーン
ティント
- 75BDE8
- 85C5EB
- 95CCEE
- A5D4F0
- B4DBF3
- C3E2F6
- D2E9F8
- E1F1FA
- F0F8FD
シェード
- 559EC7
- 4786AA
- 3A6F8E
- 2E5972
- 214458
- 16303F
- 0B1D28
- 030C12
- 000203
トーン
- 68B1DB
- 6CABD0
- 70A6C6
- 73A1BC
- 769BB2
- 7996A8
- 7B909E
- 7D8B94
- 7F868A
カラーハーモニー
補色 +180°
- 63B6E5
Malibu
- DF9968
≈ Brown Yellow
類似色 -30° +30°
- 63B6E5
Malibu
- 48BFCC
≈ Water Sports
- 8BAAEF
≈ Kitten’s Eye
トライアド +120° +240°
- 63B6E5
Malibu
- E18FAE
≈ Pomelo Red
- A9B463
≈ Cornstalk
スプリットコンプリメンタリー +150° +210°
- 63B6E5
Malibu
- E79189
≈ Strawberry Memory
- CAA658
≈ Excitable
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.24:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.35:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--malibu: #63b6e5;
--malibu-rgb: 99 182 229;
--malibu-oklch: oklch(0.742 0.106 235.5);
}
.element {
color: var(--malibu);
background-color: hsl(202 71% 64%);
border-color: oklch(0.742 0.106 235.5);
}Tailwind CSS v4
@theme {
--color-malibu: #63b6e5;
--color-malibu-50: #dafaff;
--color-malibu-100: #c8eeff;
--color-malibu-200: #aadcfc;
--color-malibu-300: #82c0e7;
--color-malibu-400: #5aa8d4;
--color-malibu-500: #2d90c2;
--color-malibu-600: #287aa4;
--color-malibu-700: #206284;
--color-malibu-800: #134861;
--color-malibu-900: #0c3244;
--color-malibu-950: #011e2c;
}SCSS
$malibu: #63b6e5;
$malibu-rgb: 99, 182, 229;
$malibu-light: mix(#fff, $malibu, 20%);
$malibu-dark: mix(#000, $malibu, 20%);
.element {
color: $malibu;
box-shadow: 0 0 0 2px rgba($malibu, 0.35);
}