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/#3B836B

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

#3B836B

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

#3B836B (rgb(59 131 107), hsl(160 38% 37%), oklch(0.557 0.082 168.9)) gần nhất với màu có tên Elf. 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 Teal mean? →

#3B836B

oklch(0.557 0.082 168.9)

Chuyển đổi màu

HEX
#3b836b
RGB
rgb(59 131 107)
HSL
hsl(160 38% 37%)
HWB
hwb(160 23% 49%)
OKLCH
oklch(0.557 0.082 168.9)
OKLab
oklab(0.557 -0.081 0.016)
CIE Lab
lab(49.66 -28.28 5.84)
LCH
lch(49.66 28.87 168.3)
CMYK
cmyk(55% 0% 18% 49%)

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

Sắc nhạt

  • 508F79
  • 649B87
  • 78A795
  • 8BB3A3
  • 9EC0B2
  • B1CCC1
  • C4D9D0
  • D8E5E0
  • EBF2EF

Sắc đậm

  • 32715C
  • 29604E
  • 214F3F
  • 193F32
  • 112F25
  • 092018
  • 04120D
  • 010604
  • 000100

Sắc xám

  • 44836D
  • 4D836F
  • 548371
  • 5B8273
  • 628275
  • 698278
  • 6F817A
  • 75817C
  • 7A807E

Hòa sắc

Bổ túc +180°

  • 3B836B

    Elf

  • 985F7B

    ≈ Rose Wine

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

  • 3B836B

    Elf

  • 5A7F50

    ≈ Rambling Green

  • 288285

    ≈ Kandinsky Turquoise

Bộ ba +120° +240°

  • 3B836B

    Elf

  • 726BA1

    ≈ Inner Journey

  • 9B6547

    ≈ Argan Oil

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

  • 3B836B

    Elf

  • 886492

    ≈ Mirabella

  • 9E5F60

    ≈ Pizza Pie

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

  • 3B836B

    Elf

  • 5674A4

    ≈ Blue Chamber

  • 985F7B

    ≈ Rose Wine

  • 8D6E38

    ≈ Mango Squash

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

Ag

Trên nền trắng

WCAG 4.52:1 · APCA Lc 71

AA
Ag

Trên nền đen

WCAG 4.64:1 · APCA Lc 30

AA

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

WCAG 4.64:1 (AA) · APCA Lc 30

Contrast pairs

  • #3B836B / #FFFFFF
  • #3B836B / #000000
  • #FFFFFF / #3B836B
  • #000000 / #3B836B

Đoạn mã

CSS

:root {
  --elf: #3b836b;
  --elf-rgb: 59 131 107;
  --elf-oklch: oklch(0.557 0.082 168.9);
}

.element {
  color: var(--elf);
  background-color: hsl(160 38% 37%);
  border-color: oklch(0.557 0.082 168.9);
}

Tailwind CSS v4

@theme {
  --color-elf: #3b836b;
  --color-elf-50: #dffdf2;
  --color-elf-100: #cef1e4;
  --color-elf-200: #b2e0cf;
  --color-elf-300: #8dc6b2;
  --color-elf-400: #6bae96;
  --color-elf-500: #47987d;
  --color-elf-600: #3d806a;
  --color-elf-700: #316754;
  --color-elf-800: #234b3c;
  --color-elf-900: #173429;
  --color-elf-950: #082017;
}

SCSS

$elf: #3b836b;
$elf-rgb: 59, 131, 107;
$elf-light: mix(#fff, $elf, 20%);
$elf-dark: mix(#000, $elf, 20%);

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

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

  • 35836A

    Dream Green

  • 40826D

    Shǔi Cǎo Lǜ Green

  • 428267

    Bathing Beauty

  • 398467

    Mythical Forest

  • 438261

    Leisure Green

  • 438273

    Aussie Surf

  • 4B856C

    Herb Blend

  • 398174

    Copper Mineral Green

  • 4D8064

    Sports Field Green

  • 2D7F6C

    Green Belt

  • 208468

    Accent Green Blue

  • 297F6D

    Mermaid Sea

Palettes with similar colors

  • Steady Elf PrismTurquoise · Cold
  • Pure Elf NexusTurquoise · Gray
  • Shadows of Time DuneTurquoise · Cold
  • Pure Glazed Chestnut MeadowGreen · Warm
  • True Emerald Whispers KilnTurquoise · Gray
  • True Green Goddess GlacierTurquoise · Cold

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