色名 · #7A5063
Grey Carmine
Grey Carmineは#7A5063：rgb(122 80 99)、hsl(333 21% 40%)、oklch(0.484 0.062 351)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Grey Carmine color name →
#7A5063
oklch(0.484 0.062 351)
カラー変換
- HEX
- #7a5063
- RGB
- rgb(122 80 99)
- HSL
- hsl(333 21% 40%)
- HWB
- hwb(333 31% 52%)
- OKLCH
- oklch(0.484 0.062 351)
- OKLab
- oklab(0.484 0.061 -0.01)
- CIE Lab
- lab(39.31 20.35 -3.49)
- LCH
- lch(39.31 20.65 350.3)
- CMYK
- cmyk(0% 34% 19% 52%)
ティント · シェード · トーン
ティント
- 876071
- 947180
- A1818F
- AF929E
- BCA4AE
- C9B5BE
- D6C7CE
- E4DADE
- F1ECEE
シェード
- 694455
- 593947
- 492E3A
- 3A242E
- 2B1A21
- 1D1016
- 10070B
- 050203
- 010000
トーン
- 7B5566
- 7C5A69
- 7D5E6C
- 7D636E
- 7E6871
- 7F6D74
- 7F7277
- 80767A
- 807B7D
カラーハーモニー
補色 +180°
- 7A5063
Grey Carmine
- 376A5A
≈ Dignified
類似色 -30° +30°
- 7A5063
Grey Carmine
- 6F5374
≈ Basil Mauve
- 7E504F
≈ Antique Red
トライアド +120° +240°
- 7A5063
Grey Carmine
- 606238
≈ Basque Green
- 37657C
≈ Southern Evening
スプリットコンプリメンタリー +150° +210°
- 7A5063
Grey Carmine
- 4B6846
≈ Garden Cucumber
- 2D696D
≈ Magnetic Green
テトラード +90° +180° +270°
- 7A5063
Grey Carmine
- 715B34
≈ Moss Brown
- 376A5A
≈ Dignified
- 4B5F82
≈ Bijou Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.65:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.15:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--grey-carmine: #7a5063;
--grey-carmine-rgb: 122 80 99;
--grey-carmine-oklch: oklch(0.484 0.062 351);
}
.element {
color: var(--grey-carmine);
background-color: hsl(333 21% 40%);
border-color: oklch(0.484 0.062 351);
}Tailwind CSS v4
@theme {
--color-grey-carmine: #7a5063;
--color-grey-carmine-50: #ffeef7;
--color-grey-carmine-100: #fae0ea;
--color-grey-carmine-200: #ebcad6;
--color-grey-carmine-300: #d2abba;
--color-grey-carmine-400: #bc90a3;
--color-grey-carmine-500: #a7758b;
--color-grey-carmine-600: #8d6376;
--color-grey-carmine-700: #714f5e;
--color-grey-carmine-800: #533a46;
--color-grey-carmine-900: #3a2730;
--color-grey-carmine-950: #24161d;
}SCSS
$grey-carmine: #7a5063;
$grey-carmine-rgb: 122, 80, 99;
$grey-carmine-light: mix(#fff, $grey-carmine, 20%);
$grey-carmine-dark: mix(#000, $grey-carmine, 20%);
.element {
color: $grey-carmine;
box-shadow: 0 0 0 2px rgba($grey-carmine, 0.35);
}