色名 · #653A3D
Royal Garnet
Royal Garnetは#653A3D：rgb(101 58 61)、hsl(356 27% 31%)、oklch(0.402 0.061 15.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Royal Garnet color name →
#653A3D
oklch(0.402 0.061 15.7)
カラー変換
- HEX
- #653a3d
- RGB
- rgb(101 58 61)
- HSL
- hsl(356 27% 31%)
- HWB
- hwb(356 23% 60%)
- OKLCH
- oklch(0.402 0.061 15.7)
- OKLab
- oklab(0.402 0.059 0.016)
- CIE Lab
- lab(29.94 19.8 6.74)
- LCH
- lch(29.94 20.92 18.8)
- CMYK
- cmyk(0% 43% 40% 60%)
ティント · シェード · トーン
ティント
- 744C4E
- 835E60
- 927172
- A28485
- B19798
- C0ABAC
- D0C0C0
- E0D4D5
- EFEAEA
シェード
- 573134
- 49282B
- 3C2022
- 2F181A
- 221012
- 17090A
- 0C0404
- 030101
- 000000
トーン
- 684143
- 6B484A
- 6E4F50
- 715657
- 745D5E
- 776464
- 796B6B
- 7C7272
- 7E7979
カラーハーモニー
補色 +180°
- 653A3D
Royal Garnet
- 135253
≈ Deep Sanction
類似色 -30° +30°
- 653A3D
Royal Garnet
- 603A4F
≈ Violet Posy
- 633D2B
≈ Chocolate Escape
トライアド +120° +240°
- 653A3D
Royal Garnet
- 39502E
≈ Nettle Green
- 314969
≈ Lake View
スプリットコンプリメンタリー +150° +210°
- 653A3D
Royal Garnet
- 235340
≈ Bagpiper
- 1D4F61
≈ Rugged Teal
テトラード +90° +180° +270°
- 653A3D
Royal Garnet
- 4D4A20
≈ Uniform Green
- 135253
≈ Deep Sanction
- 454368
≈ Deepest Fig
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.43:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.22:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.43:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--royal-garnet: #653a3d;
--royal-garnet-rgb: 101 58 61;
--royal-garnet-oklch: oklch(0.402 0.061 15.7);
}
.element {
color: var(--royal-garnet);
background-color: hsl(356 27% 31%);
border-color: oklch(0.402 0.061 15.7);
}Tailwind CSS v4
@theme {
--color-royal-garnet: #653a3d;
--color-royal-garnet-50: #ffefef;
--color-royal-garnet-100: #fce0e0;
--color-royal-garnet-200: #edcacb;
--color-royal-garnet-300: #d5abac;
--color-royal-garnet-400: #c09092;
--color-royal-garnet-500: #ab7679;
--color-royal-garnet-600: #906466;
--color-royal-garnet-700: #745052;
--color-royal-garnet-800: #563a3c;
--color-royal-garnet-900: #3c2829;
--color-royal-garnet-950: #251617;
}SCSS
$royal-garnet: #653a3d;
$royal-garnet-rgb: 101, 58, 61;
$royal-garnet-light: mix(#fff, $royal-garnet, 20%);
$royal-garnet-dark: mix(#000, $royal-garnet, 20%);
.element {
color: $royal-garnet;
box-shadow: 0 0 0 2px rgba($royal-garnet, 0.35);
}