最も近い色名 · #7CB8FB
#7CB8FB
最も近い色名: Cooler Than Ever
#7CB8FB（rgb(124 184 251)、hsl(212 94% 74%)、oklch(0.768 0.115 252)）に最も近い色名はCooler Than Everです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7CB8FB
oklch(0.768 0.115 252)
カラー変換
- HEX
- #7cb8fb
- RGB
- rgb(124 184 251)
- HSL
- hsl(212 94% 74%)
- HWB
- hwb(212 49% 2%)
- OKLCH
- oklch(0.768 0.115 252)
- OKLab
- oklab(0.768 -0.035 -0.11)
- CIE Lab
- lab(72.69 -6.15 -39.8)
- LCH
- lch(72.69 40.28 261.2)
- CMYK
- cmyk(51% 27% 0% 2%)
ティント · シェード · トーン
ティント
- 8ABFFC
- 97C7FD
- A4CEFD
- B1D5FE
- BEDCFF
- CBE3FF
- D8EAFF
- E5F1FF
- F2F8FF
シェード
- 6BA0DA
- 5A88BA
- 4A719C
- 3B5B7E
- 2C4561
- 1E3146
- 111E2D
- 050C15
- 010203
トーン
- 7DB3EE
- 7EADE2
- 7FA7D5
- 80A2C9
- 809CBD
- 8097B0
- 8091A4
- 808B98
- 80868C
カラーハーモニー
補色 +180°
- 7CB8FB
Cooler Than Ever
- E1A75C
≈ Earth Yellow
類似色 -30° +30°
- 7CB8FB
Cooler Than Ever
- 50C4E8
≈ Clean Pool
- A8AAFB
≈ Shy Moment
トライアド +120° +240°
- 7CB8FB
Cooler Than Ever
- F394A0
≈ Cherry Foam
- 98C375
≈ Lime Parfait
スプリットコンプリメンタリー +150° +210°
- 7CB8FB
Cooler Than Ever
- F29A78
≈ Orange Pecan
- C2B65A
≈ Tarpon Green
テトラード +90° +180° +270°
- 7CB8FB
Cooler Than Ever
- E696C8
≈ Crepe Myrtle
- E1A75C
≈ Earth Yellow
- 68CB9D
≈ Intense Jade
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.10:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--cooler-than-ever: #7cb8fb;
--cooler-than-ever-rgb: 124 184 251;
--cooler-than-ever-oklch: oklch(0.768 0.115 252);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(212 94% 74%);
border-color: oklch(0.768 0.115 252);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #7cb8fb;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8ebbf2;
--color-cooler-than-ever-400: #6aa2e1;
--color-cooler-than-ever-500: #4889d0;
--color-cooler-than-ever-600: #3e74af;
--color-cooler-than-ever-700: #315d8d;
--color-cooler-than-ever-800: #204568;
--color-cooler-than-ever-900: #152f49;
--color-cooler-than-ever-950: #061c30;
}SCSS
$cooler-than-ever: #7cb8fb;
$cooler-than-ever-rgb: 124, 184, 251;
$cooler-than-ever-light: mix(#fff, $cooler-than-ever, 20%);
$cooler-than-ever-dark: mix(#000, $cooler-than-ever, 20%);
.element {
color: $cooler-than-ever;
box-shadow: 0 0 0 2px rgba($cooler-than-ever, 0.35);
}