最も近い色名 · #956F44
#956F44
最も近い色名: Guinea Pig
#956F44（rgb(149 111 68)、hsl(32 37% 43%)、oklch(0.57 0.076 68.7)）に最も近い色名はGuinea Pigです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#956F44
oklch(0.57 0.076 68.7)
カラー変換
- HEX
- #956f44
- RGB
- rgb(149 111 68)
- HSL
- hsl(32 37% 43%)
- HWB
- hwb(32 27% 42%)
- OKLCH
- oklch(0.57 0.076 68.7)
- OKLab
- oklab(0.57 0.028 0.071)
- CIE Lab
- lab(50.02 11.68 29.93)
- LCH
- lch(50.02 32.13 68.7)
- CMYK
- cmyk(0% 26% 54% 42%)
ティント · シェード · トーン
ティント
- 9F7D56
- AA8B68
- B5997B
- BFA78D
- CAB59F
- D4C4B2
- DFD2C5
- EAE1D8
- F4F0EB
シェード
- 81603A
- 6D5130
- 5A4226
- 48341D
- 372714
- 261A0C
- 160E05
- 080402
- 010100
トーン
- 93714B
- 917351
- 8F7558
- 8D765E
- 8B7864
- 897A6A
- 877B6F
- 857D75
- 827E7A
カラーハーモニー
補色 +180°
- 956F44
Guinea Pig
- 537BA3
≈ Parisian Blue
類似色 -30° +30°
- 956F44
Guinea Pig
- 9E6856
≈ Granrojo Jellyfish
- 837841
≈ Tribal
トライアド +120° +240°
- 956F44
Guinea Pig
- 398680
≈ Copper Turquoise
- 846B9A
≈ Bitter Violet
スプリットコンプリメンタリー +150° +210°
- 956F44
Guinea Pig
- 3C8296
≈ Wipeout
- 6D73A4
≈ Mountain Flower Mauve
テトラード +90° +180° +270°
- 956F44
Guinea Pig
- 4E8567
≈ Herb Blend
- 537BA3
≈ Parisian Blue
- 956687
≈ Rust Magenta
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.53:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.63:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--guinea-pig: #956f44;
--guinea-pig-rgb: 149 111 68;
--guinea-pig-oklch: oklch(0.57 0.076 68.7);
}
.element {
color: var(--guinea-pig);
background-color: hsl(32 37% 43%);
border-color: oklch(0.57 0.076 68.7);
}Tailwind CSS v4
@theme {
--color-guinea-pig: #956f44;
--color-guinea-pig-50: #fff2de;
--color-guinea-pig-100: #f9e4cd;
--color-guinea-pig-200: #eacfb2;
--color-guinea-pig-300: #d1b18d;
--color-guinea-pig-400: #bc976d;
--color-guinea-pig-500: #a77d4c;
--color-guinea-pig-600: #8d6a41;
--color-guinea-pig-700: #715434;
--color-guinea-pig-800: #543d25;
--color-guinea-pig-900: #3b2a18;
--color-guinea-pig-950: #251709;
}SCSS
$guinea-pig: #956f44;
$guinea-pig-rgb: 149, 111, 68;
$guinea-pig-light: mix(#fff, $guinea-pig, 20%);
$guinea-pig-dark: mix(#000, $guinea-pig, 20%);
.element {
color: $guinea-pig;
box-shadow: 0 0 0 2px rgba($guinea-pig, 0.35);
}