色名 · #B68960
Tudor Tan
Tudor Tanは#B68960：rgb(182 137 96)、hsl(29 37% 55%)、oklch(0.664 0.079 63.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tudor Tan color name →
#B68960
oklch(0.664 0.079 63.2)
カラー変換
- HEX
- #b68960
- RGB
- rgb(182 137 96)
- HSL
- hsl(29 37% 55%)
- HWB
- hwb(29 38% 29%)
- OKLCH
- oklch(0.664 0.079 63.2)
- OKLab
- oklab(0.664 0.035 0.07)
- CIE Lab
- lab(60.83 13.96 28.97)
- LCH
- lch(60.83 32.15 64.3)
- CMYK
- cmyk(0% 25% 47% 29%)
ティント · シェード · トーン
ティント
- BD9470
- C5A07F
- CCAC8F
- D4B79F
- DBC3AE
- E2CFBE
- EADBCE
- F1E7DE
- F8F3EF
シェード
- 9E7652
- 866445
- 6F5338
- 59422C
- 443120
- 302215
- 1D140A
- 0C0703
- 020100
トーン
- B18864
- AB8867
- A6876B
- A1866E
- 9B8572
- 968475
- 918378
- 8B827A
- 86817D
カラーハーモニー
補色 +180°
- B68960
Tudor Tan
- 6899C0
≈ Cerulean Frost
類似色 -30° +30°
- B68960
Tudor Tan
- BF8274
≈ Kitchen Terra Cotta
- A4935A
≈ Desert Yellow
トライアド +120° +240°
- B68960
Tudor Tan
- 57A398
≈ Polished Pine
- 9D88BB
≈ Sand Verbena
スプリットコンプリメンタリー +150° +210°
- B68960
Tudor Tan
- 54A0B0
≈ Maui Blue
- 8390C4
≈ Safflowerish Sky
テトラード +90° +180° +270°
- B68960
Tudor Tan
- 6DA27D
≈ Growth
- 6899C0
≈ Cerulean Frost
- B182A8
≈ Purple Stripe
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.11:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.73:1 · APCA Lc 44
最適な文字色: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
コードスニペット
CSS
:root {
--tudor-tan: #b68960;
--tudor-tan-rgb: 182 137 96;
--tudor-tan-oklch: oklch(0.664 0.079 63.2);
}
.element {
color: var(--tudor-tan);
background-color: hsl(29 37% 55%);
border-color: oklch(0.664 0.079 63.2);
}Tailwind CSS v4
@theme {
--color-tudor-tan: #b68960;
--color-tudor-tan-50: #fff1de;
--color-tudor-tan-100: #fbe3cd;
--color-tudor-tan-200: #ecceb2;
--color-tudor-tan-300: #d4b08d;
--color-tudor-tan-400: #c0956e;
--color-tudor-tan-500: #ab7a4d;
--color-tudor-tan-600: #916842;
--color-tudor-tan-700: #745334;
--color-tudor-tan-800: #563c25;
--color-tudor-tan-900: #3c2919;
--color-tudor-tan-950: #26170a;
}SCSS
$tudor-tan: #b68960;
$tudor-tan-rgb: 182, 137, 96;
$tudor-tan-light: mix(#fff, $tudor-tan, 20%);
$tudor-tan-dark: mix(#000, $tudor-tan, 20%);
.element {
color: $tudor-tan;
box-shadow: 0 0 0 2px rgba($tudor-tan, 0.35);
}