最も近い色名 · #4C507F
#4C507F
最も近い色名: Tangent Periwinkle
#4C507F（rgb(76 80 127)、hsl(235 25% 40%)、oklch(0.449 0.077 279.1)）に最も近い色名はTangent Periwinkleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4C507F
oklch(0.449 0.077 279.1)
カラー変換
- HEX
- #4c507f
- RGB
- rgb(76 80 127)
- HSL
- hsl(235 25% 40%)
- HWB
- hwb(235 30% 50%)
- OKLCH
- oklch(0.449 0.077 279.1)
- OKLab
- oklab(0.449 0.012 -0.076)
- CIE Lab
- lab(35.29 8.02 -27.41)
- LCH
- lch(35.29 28.56 286.3)
- CMYK
- cmyk(40% 37% 0% 50%)
ティント · シェード · トーン
ティント
- 5C608C
- 6C7198
- 7D82A5
- 8E93B2
- A0A4BE
- B3B6CB
- C5C8D8
- D8DAE5
- EBECF2
シェード
- 41446E
- 36395D
- 2C2E4C
- 22243C
- 181A2D
- 0F101F
- 060711
- 020206
- 000001
トーン
- 51557F
- 565A80
- 5B5F80
- 606380
- 656881
- 6A6D81
- 707281
- 757781
- 7A7B80
カラーハーモニー
補色 +180°
- 4C507F
Tangent Periwinkle
- 60551D
≈ Tucumán Green
類似色 -30° +30°
- 4C507F
Tangent Periwinkle
- 31587E
≈ Breonne Blue
- 624975
≈ Presley Purple
トライアド +120° +240°
- 4C507F
Tangent Periwinkle
- 794534
≈ Peanut
- 296245
≈ Green Pea
スプリットコンプリメンタリー +150° +210°
- 4C507F
Tangent Periwinkle
- 704D20
≈ Wagon Train
- 485D2D
≈ Woodman
テトラード +90° +180° +270°
- 4C507F
Tangent Periwinkle
- 79424C
≈ Berry Bush
- 60551D
≈ Tucumán Green
- 03625E
≈ Emerald Stone
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.60:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.76:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.60:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--tangent-periwinkle: #4c507f;
--tangent-periwinkle-rgb: 76 80 127;
--tangent-periwinkle-oklch: oklch(0.449 0.077 279.1);
}
.element {
color: var(--tangent-periwinkle);
background-color: hsl(235 25% 40%);
border-color: oklch(0.449 0.077 279.1);
}Tailwind CSS v4
@theme {
--color-tangent-periwinkle: #4c507f;
--color-tangent-periwinkle-50: #f1f3ff;
--color-tangent-periwinkle-100: #e3e6ff;
--color-tangent-periwinkle-200: #ced1f5;
--color-tangent-periwinkle-300: #b0b3df;
--color-tangent-periwinkle-400: #949acc;
--color-tangent-periwinkle-500: #7b81b9;
--color-tangent-periwinkle-600: #686d9c;
--color-tangent-periwinkle-700: #53577d;
--color-tangent-periwinkle-800: #3c405d;
--color-tangent-periwinkle-900: #292c41;
--color-tangent-periwinkle-950: #17192a;
}SCSS
$tangent-periwinkle: #4c507f;
$tangent-periwinkle-rgb: 76, 80, 127;
$tangent-periwinkle-light: mix(#fff, $tangent-periwinkle, 20%);
$tangent-periwinkle-dark: mix(#000, $tangent-periwinkle, 20%);
.element {
color: $tangent-periwinkle;
box-shadow: 0 0 0 2px rgba($tangent-periwinkle, 0.35);
}