色名 · #656255
Rikyūnezumi Brown
Rikyūnezumi Brownは#656255：rgb(101 98 85)、hsl(49 9% 36%)、oklch(0.495 0.02 96.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Rikyūnezumi Brown color name →
#656255
oklch(0.495 0.02 96.3)
カラー変換
- HEX
- #656255
- RGB
- rgb(101 98 85)
- HSL
- hsl(49 9% 36%)
- HWB
- hwb(49 33% 60%)
- OKLCH
- oklch(0.495 0.02 96.3)
- OKLab
- oklab(0.495 -0.002 0.02)
- CIE Lab
- lab(41.54 -0.62 7.88)
- LCH
- lch(41.54 7.91 94.5)
- CMYK
- cmyk(0% 3% 16% 60%)
ティント · シェード · トーン
ティント
- 737064
- 827F74
- 908E85
- 9F9E95
- AFADA6
- BEBDB7
- CECDC9
- DEDEDB
- EFEEED
シェード
- 575449
- 49473D
- 3C3A31
- 2F2D26
- 22211C
- 171611
- 0C0B08
- 030302
- 000000
トーン
- 686559
- 6A685D
- 6D6B62
- 706E66
- 72716A
- 75746F
- 787773
- 7B7A77
- 7D7D7C
カラーハーモニー
補色 +180°
- 656255
Rikyūnezumi Brown
- 5E616E
≈ Venus Mist
類似色 -30° +30°
- 656255
Rikyūnezumi Brown
- 6A6056
≈ Bungee Cord
- 5F6458
≈ Palo Verde
トライアド +120° +240°
- 656255
Rikyūnezumi Brown
- 556569
≈ Plot Twist
- 6A5E66
≈ Fiji Coral
スプリットコンプリメンタリー +150° +210°
- 656255
Rikyūnezumi Brown
- 59636D
≈ Calligraphy
- 655F6B
≈ Forge
テトラード +90° +180° +270°
- 656255
Rikyūnezumi Brown
- 556663
≈ Prehistoric
- 5E616E
≈ Venus Mist
- 6D5D60
≈ Poetry Plum
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.11:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.43:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--rikyunezumi-brown: #656255;
--rikyunezumi-brown-rgb: 101 98 85;
--rikyunezumi-brown-oklch: oklch(0.495 0.02 96.3);
}
.element {
color: var(--rikyunezumi-brown);
background-color: hsl(49 9% 36%);
border-color: oklch(0.495 0.02 96.3);
}Tailwind CSS v4
@theme {
--color-rikyunezumi-brown: #656255;
--color-rikyunezumi-brown-50: #f6f5ef;
--color-rikyunezumi-brown-100: #e9e8e0;
--color-rikyunezumi-brown-200: #d6d4cb;
--color-rikyunezumi-brown-300: #bab8ac;
--color-rikyunezumi-brown-400: #a29f91;
--color-rikyunezumi-brown-500: #8a8677;
--color-rikyunezumi-brown-600: #757265;
--color-rikyunezumi-brown-700: #5d5b51;
--color-rikyunezumi-brown-800: #45423b;
--color-rikyunezumi-brown-900: #2f2e28;
--color-rikyunezumi-brown-950: #1c1b16;
}SCSS
$rikyunezumi-brown: #656255;
$rikyunezumi-brown-rgb: 101, 98, 85;
$rikyunezumi-brown-light: mix(#fff, $rikyunezumi-brown, 20%);
$rikyunezumi-brown-dark: mix(#000, $rikyunezumi-brown, 20%);
.element {
color: $rikyunezumi-brown;
box-shadow: 0 0 0 2px rgba($rikyunezumi-brown, 0.35);
}