最も近い色名 · #5085FF
#5085FF
最も近い色名: Skinny Jeans
#5085FF（rgb(80 133 255)、hsl(222 100% 66%)、oklch(0.643 0.19 264.1)）に最も近い色名はSkinny Jeansです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5085FF
oklch(0.643 0.19 264.1)
カラー変換
- HEX
- #5085ff
- RGB
- rgb(80 133 255)
- HSL
- hsl(222 100% 66%)
- HWB
- hwb(222 31% 0%)
- OKLCH
- oklch(0.643 0.19 264.1)
- OKLab
- oklab(0.643 -0.019 -0.189)
- CIE Lab
- lab(56.74 12.9 -67.28)
- LCH
- lch(56.74 68.5 280.9)
- CMYK
- cmyk(69% 48% 0% 0%)
ティント · シェード · トーン
ティント
- 6192FF
- 729FFF
- 83ACFF
- 94B8FF
- A6C4FF
- B7D0FF
- C9DCFF
- DBE8FF
- EDF3FF
シェード
- 4473DE
- 3961BE
- 2E509E
- 244080
- 1A3063
- 102148
- 07132E
- 020616
- 000103
トーン
- 5586F2
- 5B86E6
- 6086D9
- 6586CD
- 6986C0
- 6E85B4
- 7384A7
- 77839A
- 7C828D
カラーハーモニー
補色 +180°
- 5085FF
Skinny Jeans
- B38500
≈ Arrowwood
類似色 -30° +30°
- 5085FF
Skinny Jeans
- 0099D2
≈ Blithe
- 966FF3
≈ Forgotten Purple
トライアド +120° +240°
- 5085FF
Skinny Jeans
- EA5050
≈ Fever
- 28A934
≈ Dry Highlighter Green
スプリットコンプリメンタリー +150° +210°
- 5085FF
Skinny Jeans
- D56C00
≈ Marmalade
- 8D9600
≈ Devil’s Flower Mantis
テトラード +90° +180° +270°
- 5085FF
Skinny Jeans
- E05095
≈ Raspberry Pink
- B38500
≈ Arrowwood
- 00A588
≈ Brilliant Turquoise
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.42:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.14:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.14:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--skinny-jeans: #5085ff;
--skinny-jeans-rgb: 80 133 255;
--skinny-jeans-oklch: oklch(0.643 0.19 264.1);
}
.element {
color: var(--skinny-jeans);
background-color: hsl(222 100% 66%);
border-color: oklch(0.643 0.19 264.1);
}Tailwind CSS v4
@theme {
--color-skinny-jeans: #5085ff;
--color-skinny-jeans-50: #dcf5ff;
--color-skinny-jeans-100: #cae7ff;
--color-skinny-jeans-200: #aed2ff;
--color-skinny-jeans-300: #8ab3ff;
--color-skinny-jeans-400: #6498ff;
--color-skinny-jeans-500: #437bff;
--color-skinny-jeans-600: #3969d9;
--color-skinny-jeans-700: #2d54af;
--color-skinny-jeans-800: #1b3e83;
--color-skinny-jeans-900: #112b5d;
--color-skinny-jeans-950: #04173f;
}SCSS
$skinny-jeans: #5085ff;
$skinny-jeans-rgb: 80, 133, 255;
$skinny-jeans-light: mix(#fff, $skinny-jeans, 20%);
$skinny-jeans-dark: mix(#000, $skinny-jeans, 20%);
.element {
color: $skinny-jeans;
box-shadow: 0 0 0 2px rgba($skinny-jeans, 0.35);
}