最も近い色名 · #79C3FF
#79C3FF
最も近い色名: Cooler Than Ever
#79C3FF（rgb(121 195 255)、hsl(207 100% 74%)、oklch(0.792 0.113 244.4)）に最も近い色名はCooler Than Everです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#79C3FF
oklch(0.792 0.113 244.4)
カラー変換
- HEX
- #79c3ff
- RGB
- rgb(121 195 255)
- HSL
- hsl(207 100% 74%)
- HWB
- hwb(207 47% 0%)
- OKLCH
- oklch(0.792 0.113 244.4)
- OKLab
- oklab(0.792 -0.049 -0.102)
- CIE Lab
- lab(75.72 -11.41 -37.28)
- LCH
- lch(75.72 38.99 253)
- CMYK
- cmyk(53% 24% 0% 0%)
ティント · シェード · トーン
ティント
- 88C9FF
- 96CFFF
- A3D6FF
- B1DCFF
- BEE2FF
- CBE8FF
- D8EEFF
- E5F3FF
- F2F9FF
シェード
- 68A9DE
- 5890BE
- 48789E
- 396080
- 2B4A63
- 1D3448
- 10202E
- 050E16
- 010203
トーン
- 7BBCF2
- 7DB6E5
- 7EAFD8
- 7FA8CB
- 80A2BE
- 809BB2
- 8094A5
- 818D99
- 80878C
カラーハーモニー
補色 +180°
- 79C3FF
Cooler Than Ever
- EEAB6A
≈ Lion of Menecrates
類似色 -30° +30°
- 79C3FF
Cooler Than Ever
- 53CEE8
≈ Watercourse
- A7B6FF
≈ Truesky Gloxym
トライアド +120° +240°
- 79C3FF
Cooler Than Ever
- F99CB2
≈ Saira Red
- ABC875
≈ Sour Face
スプリットコンプリメンタリー +150° +210°
- 79C3FF
Cooler Than Ever
- FBA08A
≈ Tangerine Cream
- D3BA61
≈ Tacha
テトラード +90° +180° +270°
- 79C3FF
Cooler Than Ever
- E89FD9
≈ Plum Juice
- EEAB6A
≈ Lion of Menecrates
- 7DD19A
≈ Garden Glow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.89:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.06:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.06:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--cooler-than-ever: #79c3ff;
--cooler-than-ever-rgb: 121 195 255;
--cooler-than-ever-oklch: oklch(0.792 0.113 244.4);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(207 100% 74%);
border-color: oklch(0.792 0.113 244.4);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #79c3ff;
--color-cooler-than-ever-50: #dcf9ff;
--color-cooler-than-ever-100: #caecff;
--color-cooler-than-ever-200: #addaff;
--color-cooler-than-ever-300: #87bdee;
--color-cooler-than-ever-400: #60a5dd;
--color-cooler-than-ever-500: #388dcc;
--color-cooler-than-ever-600: #3177ac;
--color-cooler-than-ever-700: #275f8a;
--color-cooler-than-ever-800: #184666;
--color-cooler-than-ever-900: #0f3148;
--color-cooler-than-ever-950: #031d2f;
}SCSS
$cooler-than-ever: #79c3ff;
$cooler-than-ever-rgb: 121, 195, 255;
$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);
}