色名 · #B7A48B
Outerbanks
Outerbanksは#B7A48B：rgb(183 164 139)、hsl(34 23% 63%)、oklch(0.729 0.041 74.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Outerbanks color name →
#B7A48B
oklch(0.729 0.041 74.6)
カラー変換
- HEX
- #b7a48b
- RGB
- rgb(183 164 139)
- HSL
- hsl(34 23% 63%)
- HWB
- hwb(34 55% 28%)
- OKLCH
- oklch(0.729 0.041 74.6)
- OKLab
- oklab(0.729 0.011 0.04)
- CIE Lab
- lab(68.54 4.21 15.69)
- LCH
- lch(68.54 16.24 75)
- CMYK
- cmyk(0% 10% 24% 28%)
ティント · シェード · トーン
ティント
- BEAD96
- C5B6A1
- CCBFAD
- D3C8B8
- DBD1C4
- E2DAD0
- E9E3DB
- F0ECE7
- F8F6F3
シェード
- 9F8E78
- 877966
- 706454
- 5A5043
- 453D32
- 312B23
- 1E1A14
- 0C0A07
- 020101
トーン
- B1A08A
- AC9D89
- A69988
- A19687
- 9B9286
- 968E85
- 908B84
- 8B8782
- 858481
カラーハーモニー
補色 +180°
- B7A48B
Outerbanks
- 96A9C1
≈ Cotton Denim
類似色 -30° +30°
- B7A48B
Outerbanks
- BEA092
≈ Earth Warming
- ABA98B
≈ Bland
トライアド +120° +240°
- B7A48B
Outerbanks
- 8AB0AF
≈ Jitterbug Lure
- B1A0BA
≈ Iris Blossom
スプリットコンプリメンタリー +150° +210°
- B7A48B
Outerbanks
- 8CADBB
≈ Thermocline
- A4A4C1
≈ Canyon Mist
テトラード +90° +180° +270°
- B7A48B
Outerbanks
- 90B0A1
≈ Longfellow
- 96A9C1
≈ Cotton Denim
- BB9DAD
≈ Fiddlesticks
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.41:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.69:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--outerbanks: #b7a48b;
--outerbanks-rgb: 183 164 139;
--outerbanks-oklch: oklch(0.729 0.041 74.6);
}
.element {
color: var(--outerbanks);
background-color: hsl(34 23% 63%);
border-color: oklch(0.729 0.041 74.6);
}Tailwind CSS v4
@theme {
--color-outerbanks: #b7a48b;
--color-outerbanks-50: #fcf4e8;
--color-outerbanks-100: #f0e6d9;
--color-outerbanks-200: #dfd2c1;
--color-outerbanks-300: #c4b5a0;
--color-outerbanks-400: #ad9b84;
--color-outerbanks-500: #978368;
--color-outerbanks-600: #7f6f58;
--color-outerbanks-700: #665846;
--color-outerbanks-800: #4b4033;
--color-outerbanks-900: #342c22;
--color-outerbanks-950: #201912;
}SCSS
$outerbanks: #b7a48b;
$outerbanks-rgb: 183, 164, 139;
$outerbanks-light: mix(#fff, $outerbanks, 20%);
$outerbanks-dark: mix(#000, $outerbanks, 20%);
.element {
color: $outerbanks;
box-shadow: 0 0 0 2px rgba($outerbanks, 0.35);
}