Màu có tên · #BEBEBE

Tin Soldier

Tin Soldier là #BEBEBE: rgb(190 190 190), hsl(0 0% 75%), oklch(0.802 0 0). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.

What does Gray mean? → · Tin Soldier color name →

#BEBEBE

oklch(0.802 0 0)

Chuyển đổi màu

HEX: #bebebe
RGB: rgb(190 190 190)
HSL: hsl(0 0% 75%)
HWB: hwb(0 75% 25%)
OKLCH: oklch(0.802 0 0)
OKLab: oklab(0.802 0 0)
CIE Lab: lab(76.98 0 0)
LCH: lch(76.98 0 0)
CMYK: cmyk(0% 0% 0% 25%)

Sắc nhạt · Sắc đậm · Sắc xám

Sắc nhạt

C4C4C4
CBCBCB
D1D1D1
D8D8D8
DEDEDE
E5E5E5
EBEBEB
F2F2F2
F8F8F8

Sắc đậm

A5A5A5
8C8C8C
757575
5E5E5E
484848
333333
1F1F1F
0D0D0D
020202

Sắc xám

B8B8B8
B1B1B1
ABABAB
A5A5A5
9E9E9E
989898
929292
8C8C8C
868686

Hòa sắc

Bổ túc +180°

BEBEBE
Tin Soldier
BEBEBE
≈ Tin Soldier

Tương đồng -30° +30°

Bộ ba +120° +240°

Bổ túc chia +150° +210°

Bộ bốn +90° +180° +270°

Tương phản và khả năng tiếp cận

Trên nền trắng

WCAG 1.85:1 · APCA Lc 35

Fail

Trên nền đen

WCAG 11.29:1 · APCA Lc 67

AAA

Màu chữ tốt nhất: #000000

WCAG 11.29:1 (AAA) · APCA Lc 67

Contrast pairs

Đoạn mã

CSS

:root {
  --tin-soldier: #bebebe;
  --tin-soldier-rgb: 190 190 190;
  --tin-soldier-oklch: oklch(0.802 0 0);
}

.element {
  color: var(--tin-soldier);
  background-color: hsl(0 0% 75%);
  border-color: oklch(0.802 0 0);
}

Tailwind CSS v4

@theme {
  --color-tin-soldier: #bebebe;
  --color-tin-soldier-50: #f5f5f5;
  --color-tin-soldier-100: #e8e8e8;
  --color-tin-soldier-200: #d4d4d4;
  --color-tin-soldier-300: #b7b7b7;
  --color-tin-soldier-400: #9e9e9e;
  --color-tin-soldier-500: #868686;
  --color-tin-soldier-600: #717171;
  --color-tin-soldier-700: #5b5b5b;
  --color-tin-soldier-800: #424242;
  --color-tin-soldier-900: #2e2e2e;
  --color-tin-soldier-950: #1b1b1b;
}

SCSS

$tin-soldier: #bebebe;
$tin-soldier-rgb: 190, 190, 190;
$tin-soldier-light: mix(#fff, $tin-soldier, 20%);
$tin-soldier-dark: mix(#000, $tin-soldier, 20%);

.element {
  color: $tin-soldier;
  box-shadow: 0 0 0 2px rgba($tin-soldier, 0.35);
}

Các màu có tên tương tự

Palettes with similar colors

Mở trong công cụ

Bộ chọn Cặp màu Kiểm tra tương phản Studio JSON API