色名 · #BD9B78
Corky
Corkyは#BD9B78：rgb(189 155 120)、hsl(30 34% 61%)、oklch(0.712 0.063 67.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Corky color name →
#BD9B78
oklch(0.712 0.063 67.3)
カラー変換
- HEX
- #bd9b78
- RGB
- rgb(189 155 120)
- HSL
- hsl(30 34% 61%)
- HWB
- hwb(30 47% 26%)
- OKLCH
- oklch(0.712 0.063 67.3)
- OKLab
- oklab(0.712 0.024 0.058)
- CIE Lab
- lab(66.49 9.41 23.4)
- LCH
- lch(66.49 25.22 68.1)
- CMYK
- cmyk(0% 18% 37% 26%)
ティント · シェード · トーン
ティント
- C4A585
- CAAF92
- D1B8A0
- D8C2AD
- DECCBA
- E5D6C8
- EBE0D6
- F2EBE3
- F8F5F1
シェード
- A48667
- 8C7257
- 745E48
- 5D4B39
- 47392A
- 33281D
- 1F1810
- 0D0905
- 020101
トーン
- B79879
- B1967A
- AB937B
- A4907C
- 9E8E7D
- 988B7E
- 92887E
- 8C867F
- 868380
カラーハーモニー
補色 +180°
- BD9B78
Corky
- 83A6C8
≈ High Tide
類似色 -30° +30°
- BD9B78
Corky
- C69586
≈ Café Crème
- ADA375
≈ Throw Rug
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.58:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.12:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--corky: #bd9b78;
--corky-rgb: 189 155 120;
--corky-oklch: oklch(0.712 0.063 67.3);
}
.element {
color: var(--corky);
background-color: hsl(30 34% 61%);
border-color: oklch(0.712 0.063 67.3);
}Tailwind CSS v4
@theme {
--color-corky: #bd9b78;
--color-corky-50: #fff2e2;
--color-corky-100: #f6e5d2;
--color-corky-200: #e6d0b8;
--color-corky-300: #cdb295;
--color-corky-400: #b89877;
--color-corky-500: #a27e58;
--color-corky-600: #896b4b;
--color-corky-700: #6e563c;
--color-corky-800: #523e2b;
--color-corky-900: #392b1d;
--color-corky-950: #23180d;
}SCSS
$corky: #bd9b78;
$corky-rgb: 189, 155, 120;
$corky-light: mix(#fff, $corky, 20%);
$corky-dark: mix(#000, $corky, 20%);
.element {
color: $corky;
box-shadow: 0 0 0 2px rgba($corky, 0.35);
}