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/#1F8666

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

#1F8666

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

#1F8666 (rgb(31 134 102), hsl(161 62% 32%), oklch(0.555 0.104 167)) 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 Green mean? →

#1F8666

oklch(0.555 0.104 167)

Chuyển đổi màu

HEX
#1f8666
RGB
rgb(31 134 102)
HSL
hsl(161 62% 32%)
HWB
hwb(161 12% 47%)
OKLCH
oklch(0.555 0.104 167)
OKLab
oklab(0.555 -0.101 0.023)
CIE Lab
lab(49.74 -35.96 8.69)
LCH
lch(49.74 37 166.4)
CMYK
cmyk(77% 0% 24% 47%)

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

Sắc nhạt

  • 3F9274
  • 579E83
  • 6DAA91
  • 82B6A0
  • 97C2B0
  • ACCEBF
  • C1DACF
  • D5E6DF
  • EAF3EF

Sắc đậm

  • 197458
  • 14624A
  • 0F513C
  • 0A402F
  • 063023
  • 032117
  • 01130C
  • 000604
  • 000100

Sắc xám

  • 318669
  • 3E856B
  • 49856E
  • 528470
  • 5B8473
  • 638376
  • 6B8278
  • 72827B
  • 79817D

Hòa sắc

Bổ túc +180°

  • 1F8666

    Elf

  • 9E587F

    ≈ Feminism

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

  • 1F8666

    Elf

  • 558142

    ≈ Hot Pepper Green

  • 008486

    ≈ Bay Teal

Bộ ba +120° +240°

  • 1F8666

    Elf

  • 6F69AD

    ≈ Mediaeval

  • A45E3A

    ≈ Desert Soil

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

  • 1F8666

    Elf

  • 8B5F9B

    ≈ Wisteria Purple

  • A7585D

    ≈ Lingonberry Punch

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

  • 1F8666

    Elf

  • 4A74AF

    ≈ Ramjet

  • 9E587F

    ≈ Feminism

  • 956A1E

    ≈ Mandolin

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

Ag

Trên nền trắng

WCAG 4.50:1 · APCA Lc 71

AA
Ag

Trên nền đen

WCAG 4.66:1 · APCA Lc 31

AA

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

WCAG 4.66:1 (AA) · APCA Lc 31

Contrast pairs

  • #1F8666 / #FFFFFF
  • #1F8666 / #000000
  • #FFFFFF / #1F8666
  • #000000 / #1F8666

Đoạn mã

CSS

:root {
  --elf: #1f8666;
  --elf-rgb: 31 134 102;
  --elf-oklch: oklch(0.555 0.104 167);
}

.element {
  color: var(--elf);
  background-color: hsl(161 62% 32%);
  border-color: oklch(0.555 0.104 167);
}

Tailwind CSS v4

@theme {
  --color-elf: #1f8666;
  --color-elf-50: #d9fff0;
  --color-elf-100: #c7f4e2;
  --color-elf-200: #a8e3cd;
  --color-elf-300: #80c9ae;
  --color-elf-400: #5ab291;
  --color-elf-500: #299c78;
  --color-elf-600: #268465;
  --color-elf-700: #1f6a51;
  --color-elf-800: #164e39;
  --color-elf-900: #0e3627;
  --color-elf-950: #012115;
}

SCSS

$elf: #1f8666;
$elf-rgb: 31, 134, 102;
$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ự

  • 208468

    Accent Green Blue

  • 00886B

    Celtic Queen

  • 008664

    Spectral Green

  • 018466

    Shadows of Time

  • 008468

    Bosphorus

  • 1B8A6B

    Elf

  • 378661

    Chrysocolla Green

  • 24855B

    Metallic Green

  • 008B6D

    Carolina Green

  • 008A70

    Industrial Turquoise

  • 00846D

    Viridis

  • 338860

    Exquisite Emerald

Palettes with similar colors

  • True Primal Green StudioTurquoise · Cold
  • Pure Hobgoblin MirrorTurquoise · Cold
  • Pure Primal Green NoirTurquoise · Cold
  • Electric Radiant Raspberry HorizonRed · Warm
  • Bright Mermaid’s Kiss CanvasTurquoise · Cold
  • Steady Elf TideTurquoise · 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