色名 · #B98563
Cognac Brown
Cognac Brownは#B98563：rgb(185 133 99)、hsl(24 38% 56%)、oklch(0.66 0.08 54.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cognac Brown color name →
#B98563
oklch(0.66 0.08 54.1)
カラー変換
- HEX
- #b98563
- RGB
- rgb(185 133 99)
- HSL
- hsl(24 38% 56%)
- HWB
- hwb(24 39% 27%)
- OKLCH
- oklch(0.66 0.08 54.1)
- OKLab
- oklab(0.66 0.047 0.065)
- CIE Lab
- lab(60.22 17.55 26.64)
- LCH
- lch(60.22 31.9 56.6)
- CMYK
- cmyk(0% 28% 46% 27%)
ティント · シェード · トーン
ティント
- C09172
- C89D81
- CFA991
- D6B5A0
- DDC1B0
- E4CDBF
- EBDACF
- F2E6DF
- F8F2EF
シェード
- A07355
- 896147
- 71503A
- 5B402E
- 463021
- 312116
- 1E130B
- 0D0603
- 020100
トーン
- B38566
- AE846A
- A8846D
- A38470
- 9D8373
- 978376
- 928278
- 8C817B
- 86817E
カラーハーモニー
補色 +180°
- B98563
Cognac Brown
- 5E9BBC
≈ Shakespeare
類似色 -30° +30°
- B98563
Cognac Brown
- BE7F7A
≈ Brownish Pink
- A98E58
≈ Dark Sand
トライアド +120° +240°
- B98563
Cognac Brown
- 59A28E
≈ Jargon Jade
- 9589BF
≈ Magic Carpet
スプリットコンプリメンタリー +150° +210°
- B98563
Cognac Brown
- 50A1A9
≈ Basilica Blue
- 7992C4
≈ Steel Blue Eyes
テトラード +90° +180° +270°
- B98563
Cognac Brown
- 749F73
≈ Jadesheen
- 5E9BBC
≈ Shakespeare
- AB82AE
≈ Stage Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.18:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.59:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--cognac-brown: #b98563;
--cognac-brown-rgb: 185 133 99;
--cognac-brown-oklch: oklch(0.66 0.08 54.1);
}
.element {
color: var(--cognac-brown);
background-color: hsl(24 38% 56%);
border-color: oklch(0.66 0.08 54.1);
}Tailwind CSS v4
@theme {
--color-cognac-brown: #b98563;
--color-cognac-brown-50: #fff0e0;
--color-cognac-brown-100: #fee2cf;
--color-cognac-brown-200: #f0ccb4;
--color-cognac-brown-300: #d8ad90;
--color-cognac-brown-400: #c49271;
--color-cognac-brown-500: #b07752;
--color-cognac-brown-600: #946546;
--color-cognac-brown-700: #775138;
--color-cognac-brown-800: #583a28;
--color-cognac-brown-900: #3e281b;
--color-cognac-brown-950: #27160b;
}SCSS
$cognac-brown: #b98563;
$cognac-brown-rgb: 185, 133, 99;
$cognac-brown-light: mix(#fff, $cognac-brown, 20%);
$cognac-brown-dark: mix(#000, $cognac-brown, 20%);
.element {
color: $cognac-brown;
box-shadow: 0 0 0 2px rgba($cognac-brown, 0.35);
}