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/#07B077

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

#07B077

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

#07B077 (rgb(7 176 119), hsl(160 92% 36%), oklch(0.669 0.147 161.2)) gần nhất với màu có tên Jade. 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? →

#07B077

oklch(0.669 0.147 161.2)

Chuyển đổi màu

HEX
#07b077
RGB
rgb(7 176 119)
HSL
hsl(160 92% 36%)
HWB
hwb(160 3% 31%)
OKLCH
oklch(0.669 0.147 161.2)
OKLab
oklab(0.669 -0.14 0.048)
CIE Lab
lab(63.58 -49.78 18.18)
LCH
lch(63.58 52.99 159.9)
CMYK
cmyk(96% 0% 32% 31%)

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

Sắc nhạt

  • 3FB884
  • 5CC091
  • 74C89F
  • 89D0AC
  • 9ED8BA
  • B2E0C7
  • C6E8D5
  • D9F0E3
  • ECF7F1

Sắc đậm

  • 059967
  • 048257
  • 026C47
  • 025638
  • 01422A
  • 002E1C
  • 001C10
  • 000B05
  • 000101

Sắc xám

  • 2EAB78
  • 40A779
  • 4DA27A
  • 589D7B
  • 61997C
  • 68947D
  • 6F8F7E
  • 758A7F
  • 7B857F

Hòa sắc

Bổ túc +180°

  • 07B077

    Jade

  • D06DAF

    ≈ Sky Magenta

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

  • 07B077

    Jade

  • 74A73C

    ≈ Festival Green

  • 00ABA6

    ≈ Teal Me No Lies

Bộ ba +120° +240°

  • 07B077

    Jade

  • 8788ED

    ≈ Lavender Blue Shadow

  • DF7247

    ≈ Knockout Orange

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

  • 07B077

    Jade

  • B278D7

    ≈ Lavender Blossom

  • DF6A7E

    ≈ Slice of Watermelon

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

  • 07B077

    Jade

  • 4699EC

    ≈ Perfect Days

  • D06DAF

    ≈ Sky Magenta

  • CB8300

    ≈ Bubonic Brown

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

Ag

Trên nền trắng

WCAG 2.80:1 · APCA Lc 53

Fail
Ag

Trên nền đen

WCAG 7.48:1 · APCA Lc 49

AAA

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

WCAG 7.48:1 (AAA) · APCA Lc 49

Contrast pairs

  • #07B077 / #FFFFFF
  • #07B077 / #000000
  • #FFFFFF / #07B077
  • #000000 / #07B077

Đoạn mã

CSS

:root {
  --jade: #07b077;
  --jade-rgb: 7 176 119;
  --jade-oklch: oklch(0.669 0.147 161.2);
}

.element {
  color: var(--jade);
  background-color: hsl(160 92% 36%);
  border-color: oklch(0.669 0.147 161.2);
}

Tailwind CSS v4

@theme {
  --color-jade: #07b077;
  --color-jade-50: #d0ffe9;
  --color-jade-100: #bbf8da;
  --color-jade-200: #98e9c2;
  --color-jade-300: #67cfa2;
  --color-jade-400: #32b982;
  --color-jade-500: #00a365;
  --color-jade-600: #008956;
  --color-jade-700: #006e45;
  --color-jade-800: #00512f;
  --color-jade-900: #003920;
  --color-jade-950: #00230f;
}

SCSS

$jade: #07b077;
$jade-rgb: 7, 176, 119;
$jade-light: mix(#fff, $jade, 20%);
$jade-dark: mix(#000, $jade, 20%);

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

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

  • 2BB179

    Salsify Grass

  • 1CAC78

    Bright Camouflage

  • 1DAC78

    Crayola Green

  • 0CB577

    Green Teal

  • 1FB57A

    April Fool’s Red

  • 2BAF6A

    Jade Powder

  • 35AD6B

    Seaweed Green

  • 3EAF76

    Link’s Awakening

  • 31AA74

    Beanstalk

  • 1AB385

    Dark Mountain Meadow

  • 2BAE66

    Island Green

  • 3CB371

    Medium Sea Green

Palettes with similar colors

  • Jade OrchardTurquoise · Cold
  • Classic Fennel Fiesta EmberGreen · Cold
  • Classic Secret Garden MirrorGreen · Cold
  • Electric Orb of Discord FogRed · Rainbow
  • Classic Cosmic Green HarborTurquoise · Cold
  • Mint OrchardTurquoise · 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