最も近い色名 · #7192F4
#7192F4
最も近い色名: Skinny Jeans
#7192F4（rgb(113 146 244)、hsl(225 86% 70%)、oklch(0.679 0.15 268.2)）に最も近い色名はSkinny Jeansです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7192F4
oklch(0.679 0.15 268.2)
カラー変換
- HEX
- #7192f4
- RGB
- rgb(113 146 244)
- HSL
- hsl(225 86% 70%)
- HWB
- hwb(225 44% 4%)
- OKLCH
- oklch(0.679 0.15 268.2)
- OKLab
- oklab(0.679 -0.005 -0.15)
- CIE Lab
- lab(61.45 9.47 -53.63)
- LCH
- lch(61.45 54.46 280)
- CMYK
- cmyk(54% 40% 0% 4%)
ティント · シェード · トーン
ティント
- 7E9DF6
- 8CA9F8
- 9AB4FA
- A7BFFB
- B6C9FC
- C4D4FD
- D2DFFE
- E1EAFF
- F0F4FF
シェード
- 617ED4
- 526BB5
- 435897
- 35467A
- 27355E
- 1A2544
- 0E162B
- 040814
- 010103
トーン
- 7391E8
- 748FDD
- 768ED1
- 778CC6
- 798BBA
- 7A89AF
- 7C87A3
- 7D8598
- 7F828C
カラーハーモニー
補色 +180°
- 7192F4
Skinny Jeans
- BB9200
≈ Main Mast Gold
類似色 -30° +30°
- 7192F4
Skinny Jeans
- 09A3E9
≈ Button Blue
- A481E7
≈ Lavender Blossom
トライアド +120° +240°
- 7192F4
Skinny Jeans
- E66F62
≈ Autumn Enchantment
- 4BB161
≈ Chlorella Green
スプリットコンプリメンタリー +150° +210°
- 7192F4
Skinny Jeans
- DB7D24
≈ Orange Pepper
- 90A41E
≈ Noxious
テトラード +90° +180° +270°
- 7192F4
Skinny Jeans
- DF6C97
≈ Paris Pink
- BB9200
≈ Main Mast Gold
- 00B198
≈ Victorian Greenhouse
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.94:1 · APCA Lc 56
Ag
AAA黒の上
WCAG 7.12:1 · APCA Lc 46
最適な文字色: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
コードスニペット
CSS
:root {
--skinny-jeans: #7192f4;
--skinny-jeans-rgb: 113 146 244;
--skinny-jeans-oklch: oklch(0.679 0.15 268.2);
}
.element {
color: var(--skinny-jeans);
background-color: hsl(225 86% 70%);
border-color: oklch(0.679 0.15 268.2);
}Tailwind CSS v4
@theme {
--color-skinny-jeans: #7192f4;
--color-skinny-jeans-50: #e4f4ff;
--color-skinny-jeans-100: #d4e6ff;
--color-skinny-jeans-200: #bbd2ff;
--color-skinny-jeans-300: #9ab3ff;
--color-skinny-jeans-400: #7999f7;
--color-skinny-jeans-500: #5c7ee8;
--color-skinny-jeans-600: #4e6bc4;
--color-skinny-jeans-700: #3e559d;
--color-skinny-jeans-800: #2a3f76;
--color-skinny-jeans-900: #1c2b53;
--color-skinny-jeans-950: #0d1838;
}SCSS
$skinny-jeans: #7192f4;
$skinny-jeans-rgb: 113, 146, 244;
$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);
}