色名 · #BFA77F
Taos Taupe
Taos Taupeは#BFA77F：rgb(191 167 127)、hsl(38 33% 62%)、oklch(0.739 0.061 80.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Taos Taupe color name →
#BFA77F
oklch(0.739 0.061 80.2)
カラー変換
- HEX
- #bfa77f
- RGB
- rgb(191 167 127)
- HSL
- hsl(38 33% 62%)
- HWB
- hwb(38 50% 25%)
- OKLCH
- oklch(0.739 0.061 80.2)
- OKLab
- oklab(0.739 0.01 0.06)
- CIE Lab
- lab(69.88 4.69 24.14)
- LCH
- lch(69.88 24.59 79)
- CMYK
- cmyk(0% 13% 34% 25%)
ティント · シェード · トーン
ティント
- C5B08C
- CCB898
- D2C1A5
- D8CAB1
- DFD2BE
- E5DBCB
- ECE4D8
- F2EDE5
- F9F6F2
シェード
- A6916E
- 8D7B5D
- 75664C
- 5E523C
- 483E2D
- 332C1F
- 1F1A11
- 0D0A06
- 020101
トーン
- B9A37F
- B29F80
- AC9B80
- A59780
- 9F9380
- 999080
- 938C80
- 8C8880
- 868480
カラーハーモニー
補色 +180°
- BFA77F
Taos Taupe
- 95ACD2
≈ Lazy Day
類似色 -30° +30°
- BFA77F
Taos Taupe
- CBA088
≈ Peanut Butter Crust
- ACAF82
≈ Wall Green
トライアド +120° +240°
- BFA77F
Taos Taupe
- 7CB7BA
≈ Aqua Blue
- BC9FC3
≈ Lupine
スプリットコンプリメンタリー +150° +210°
- BFA77F
Taos Taupe
- 83B2CA
≈ Batch Blue
- AAA5CF
≈ Milky Lavender
テトラード +90° +180° +270°
- BFA77F
Taos Taupe
- 84B8A5
≈ Indian Ocean
- 95ACD2
≈ Lazy Day
- C99BB0
≈ Lady’s Cushions Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.32:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 9.04:1 · APCA Lc 56
最適な文字色: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--taos-taupe: #bfa77f;
--taos-taupe-rgb: 191 167 127;
--taos-taupe-oklch: oklch(0.739 0.061 80.2);
}
.element {
color: var(--taos-taupe);
background-color: hsl(38 33% 62%);
border-color: oklch(0.739 0.061 80.2);
}Tailwind CSS v4
@theme {
--color-taos-taupe: #bfa77f;
--color-taos-taupe-50: #fef4e2;
--color-taos-taupe-100: #f2e6d2;
--color-taos-taupe-200: #e1d2b7;
--color-taos-taupe-300: #c7b594;
--color-taos-taupe-400: #b19b76;
--color-taos-taupe-500: #9b8257;
--color-taos-taupe-600: #836e4a;
--color-taos-taupe-700: #69583b;
--color-taos-taupe-800: #4e402a;
--color-taos-taupe-900: #362c1c;
--color-taos-taupe-950: #21190c;
}SCSS
$taos-taupe: #bfa77f;
$taos-taupe-rgb: 191, 167, 127;
$taos-taupe-light: mix(#fff, $taos-taupe, 20%);
$taos-taupe-dark: mix(#000, $taos-taupe, 20%);
.element {
color: $taos-taupe;
box-shadow: 0 0 0 2px rgba($taos-taupe, 0.35);
}