色名 · #BE8973
Terrazzo Tan
Terrazzo Tanは#BE8973：rgb(190 137 115)、hsl(18 37% 60%)、oklch(0.677 0.073 43.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Terrazzo Tan color name →
#BE8973
oklch(0.677 0.073 43.5)
カラー変換
- HEX
- #be8973
- RGB
- rgb(190 137 115)
- HSL
- hsl(18 37% 60%)
- HWB
- hwb(18 45% 25%)
- OKLCH
- oklch(0.677 0.073 43.5)
- OKLab
- oklab(0.677 0.053 0.05)
- CIE Lab
- lab(62.02 18.79 20.25)
- LCH
- lch(62.02 27.63 47.1)
- CMYK
- cmyk(0% 28% 39% 25%)
ティント · シェード · トーン
ティント
- C59480
- CCA08E
- D2AC9C
- D9B7A9
- E0C3B7
- E6CFC5
- ECDBD4
- F3E7E2
- F9F3F0
シェード
- A57663
- 8C6454
- 755345
- 5E4236
- 483128
- 33221B
- 1F140F
- 0D0705
- 020101
トーン
- B88875
- B28876
- AC8777
- A68679
- A0857A
- 99847B
- 93837D
- 8D827E
- 86817F
カラーハーモニー
補色 +180°
- BE8973
Terrazzo Tan
- 63A1B8
≈ Dolphin Daze
類似色 -30° +30°
- BE8973
Terrazzo Tan
- C0858A
≈ Baker Rose
- B39164
≈ Maple View
トライアド +120° +240°
- BE8973
Terrazzo Tan
- 6CA68B
≈ Artemesia Green
- 9192C3
≈ Fast Velvet
スプリットコンプリメンタリー +150° +210°
- BE8973
Terrazzo Tan
- 5DA6A4
≈ Paradise Island
- 789AC4
≈ Blue Promise
テトラード +90° +180° +270°
- BE8973
Terrazzo Tan
- 85A173
≈ Purslane
- 63A1B8
≈ Dolphin Daze
- A78AB7
≈ Kismet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.99:1 · APCA Lc 56
Ag
AAA黒の上
WCAG 7.01:1 · APCA Lc 45
最適な文字色: #000000
WCAG 7.01:1 (AAA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--terrazzo-tan: #be8973;
--terrazzo-tan-rgb: 190 137 115;
--terrazzo-tan-oklch: oklch(0.677 0.073 43.5);
}
.element {
color: var(--terrazzo-tan);
background-color: hsl(18 37% 60%);
border-color: oklch(0.677 0.073 43.5);
}Tailwind CSS v4
@theme {
--color-terrazzo-tan: #be8973;
--color-terrazzo-tan-50: #ffefe4;
--color-terrazzo-tan-100: #fee1d4;
--color-terrazzo-tan-200: #f0cbbb;
--color-terrazzo-tan-300: #d8ac99;
--color-terrazzo-tan-400: #c4917c;
--color-terrazzo-tan-500: #af765f;
--color-terrazzo-tan-600: #946450;
--color-terrazzo-tan-700: #775040;
--color-terrazzo-tan-800: #583a2f;
--color-terrazzo-tan-900: #3e281f;
--color-terrazzo-tan-950: #27160f;
}SCSS
$terrazzo-tan: #be8973;
$terrazzo-tan-rgb: 190, 137, 115;
$terrazzo-tan-light: mix(#fff, $terrazzo-tan, 20%);
$terrazzo-tan-dark: mix(#000, $terrazzo-tan, 20%);
.element {
color: $terrazzo-tan;
box-shadow: 0 0 0 2px rgba($terrazzo-tan, 0.35);
}