Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Trang chủ/Màu sắc/#C16C51

Màu có tên gần nhất · #C16C51

#C16C51

Màu có tên gần nhất: Clay

#C16C51 (rgb(193 108 81), hsl(14 47% 54%), oklch(0.621 0.116 38.4)) gần nhất với màu có tên Clay. 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 Red mean? →

#C16C51

oklch(0.621 0.116 38.4)

Chuyển đổi màu

HEX
#c16c51
RGB
rgb(193 108 81)
HSL
hsl(14 47% 54%)
HWB
hwb(14 32% 24%)
OKLCH
oklch(0.621 0.116 38.4)
OKLab
oklab(0.621 0.091 0.072)
CIE Lab
lab(55.19 32.72 30.58)
LCH
lch(55.19 44.79 43.1)
CMYK
cmyk(0% 44% 58% 24%)

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

Sắc nhạt

  • C87B62
  • CF8973
  • D69884
  • DDA695
  • E3B5A6
  • E9C4B8
  • EFD2C9
  • F5E1DB
  • FAF0ED

Sắc đậm

  • A75D45
  • 8F4E3A
  • 77402F
  • 5F3224
  • 49251A
  • 341910
  • 200D07
  • 0E0402
  • 020000

Sắc xám

  • BB6F56
  • B5715C
  • AF7461
  • A97665
  • A2786A
  • 9C7A6F
  • 957B73
  • 8E7D78
  • 877F7C

Hòa sắc

Bổ túc +180°

  • C16C51

    Clay

  • 0096B3

    ≈ Bondi Blue

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

  • C16C51

    Clay

  • C16779

    ≈ Pink Manhattan

  • B4782D

    ≈ Mandalay

Bộ ba +120° +240°

  • C16C51

    Clay

  • 3D9B6C

    ≈ Bulma Hair

  • 777ECB

    ≈ Kickstart Purple

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

  • C16C51

    Clay

  • 009B93

    ≈ Caribbean Turquoise

  • 498BC9

    ≈ Blue Sonki

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

  • C16C51

    Clay

  • 729443

    ≈ Fresh Herb

  • 0096B3

    ≈ Bondi Blue

  • 9A72BC

    ≈ Viola

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

Ag

Trên nền trắng

WCAG 3.79:1 · APCA Lc 65

Fail
Ag

Trên nền đen

WCAG 5.53:1 · APCA Lc 37

AA

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

WCAG 5.53:1 (AA) · APCA Lc 37

Contrast pairs

  • #C16C51 / #FFFFFF
  • #C16C51 / #000000
  • #FFFFFF / #C16C51
  • #000000 / #C16C51

Đoạn mã

CSS

:root {
  --clay: #c16c51;
  --clay-rgb: 193 108 81;
  --clay-oklch: oklch(0.621 0.116 38.4);
}

.element {
  color: var(--clay);
  background-color: hsl(14 47% 54%);
  border-color: oklch(0.621 0.116 38.4);
}

Tailwind CSS v4

@theme {
  --color-clay: #c16c51;
  --color-clay-50: #ffebdd;
  --color-clay-100: #ffdccb;
  --color-clay-200: #ffc4af;
  --color-clay-300: #eba48a;
  --color-clay-400: #d9866b;
  --color-clay-500: #c6684a;
  --color-clay-600: #a75940;
  --color-clay-700: #864732;
  --color-clay-800: #643225;
  --color-clay-900: #462218;
  --color-clay-950: #2d1109;
}

SCSS

$clay: #c16c51;
$clay-rgb: 193, 108, 81;
$clay-light: mix(#fff, $clay, 20%);
$clay-dark: mix(#000, $clay, 20%);

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

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

  • C46B51

    Raw Copper

  • BF6A52

    Warm Cider

  • C16A55

    Sedona Canyon

  • BD6F56

    Before Winter

  • C26E4B

    Spice Route

  • BF6955

    Cedar Grove

  • C76B4A

    Tile Red

  • BD6C48

    Adobe

  • BC7256

    Firenze

  • C46943

    Aztec Copper

  • BB715B

    Spiced

  • CA6C4D

    Reikland

Palettes with this color

  • Classic Clay NexusOrange · Warm

Palettes with similar colors

  • True Clay GardenYellow · Warm
  • Pure Topiary Green SignalGreen · 6 Colors
  • Steady Clay LatticeTrending · Yellow
  • Steady Otterly Brown GlacierYellow · Warm
  • Pure Spill the Beans EmberOrange · Warm
  • Classic Brandy Bear KilnYellow · Warm

Mở trong công cụ

Bộ chọnCặp màuKiểm tra tương phảnStudioJSON API
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA