最も近い色名 · #6E4865
#6E4865
最も近い色名: Grape Fizz
#6E4865（rgb(110 72 101)、hsl(314 21% 36%)、oklch(0.455 0.067 335.6)）に最も近い色名はGrape Fizzです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6E4865
oklch(0.455 0.067 335.6)
カラー変換
- HEX
- #6e4865
- RGB
- rgb(110 72 101)
- HSL
- hsl(314 21% 36%)
- HWB
- hwb(314 28% 57%)
- OKLCH
- oklch(0.455 0.067 335.6)
- OKLab
- oklab(0.455 0.061 -0.028)
- CIE Lab
- lab(35.8 20.37 -10.13)
- LCH
- lch(35.8 22.75 333.6)
- CMYK
- cmyk(0% 35% 8% 57%)
ティント · シェード · トーン
ティント
- 7C5973
- 8A6A82
- 987B91
- A78DA0
- B59FAF
- C4B2BF
- D2C5CE
- E1D8DE
- F0EBEF
シェード
- 5F3D57
- 503349
- 41293C
- 331F2F
- 261622
- 190D17
- 0E060C
- 040203
- 010000
トーン
- 704E68
- 72536A
- 74596D
- 765E70
- 786473
- 7A6A75
- 7B6F78
- 7D757B
- 7F7A7D
カラーハーモニー
補色 +180°
- 6E4865
Grape Fizz
- 356246
≈ Black Pine Green
類似色 -30° +30°
- 6E4865
Grape Fizz
- 604D74
≈ Loganberry
- 764651
≈ Stoic
トライアド +120° +240°
- 6E4865
Grape Fizz
- 625628
≈ Tucumán Green
- 21606E
≈ Excellence
スプリットコンプリメンタリー +150° +210°
- 6E4865
Grape Fizz
- 4D5D33
≈ Woodman
- 20635C
≈ Humboldt Redwoods
テトラード +90° +180° +270°
- 6E4865
Grape Fizz
- 704F2C
≈ Chocolate Rain
- 356246
≈ Black Pine Green
- 355A7A
≈ Tidal Wave
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.55:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.77:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--grape-fizz: #6e4865;
--grape-fizz-rgb: 110 72 101;
--grape-fizz-oklch: oklch(0.455 0.067 335.6);
}
.element {
color: var(--grape-fizz);
background-color: hsl(314 21% 36%);
border-color: oklch(0.455 0.067 335.6);
}Tailwind CSS v4
@theme {
--color-grape-fizz: #6e4865;
--color-grape-fizz-50: #ffeefc;
--color-grape-fizz-100: #f8e0f0;
--color-grape-fizz-200: #e8cade;
--color-grape-fizz-300: #cfabc4;
--color-grape-fizz-400: #b890ae;
--color-grape-fizz-500: #a37597;
--color-grape-fizz-600: #896380;
--color-grape-fizz-700: #6e4f67;
--color-grape-fizz-800: #513a4c;
--color-grape-fizz-900: #382835;
--color-grape-fizz-950: #231620;
}SCSS
$grape-fizz: #6e4865;
$grape-fizz-rgb: 110, 72, 101;
$grape-fizz-light: mix(#fff, $grape-fizz, 20%);
$grape-fizz-dark: mix(#000, $grape-fizz, 20%);
.element {
color: $grape-fizz;
box-shadow: 0 0 0 2px rgba($grape-fizz, 0.35);
}