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/#307771

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

#307771

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

#307771 (rgb(48 119 113), hsl(175 43% 33%), oklch(0.523 0.071 187.6)) gần nhất với màu có tên Ivy. 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? →

#307771

oklch(0.523 0.071 187.6)

Chuyển đổi màu

HEX
#307771
RGB
rgb(48 119 113)
HSL
hsl(175 43% 33%)
HWB
hwb(175 19% 53%)
OKLCH
oklch(0.523 0.071 187.6)
OKLab
oklab(0.523 -0.071 -0.009)
CIE Lab
lab(45.47 -24.28 -3.73)
LCH
lch(45.47 24.57 188.7)
CMYK
cmyk(60% 0% 5% 53%)

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

Sắc nhạt

  • 47847E
  • 5C918C
  • 719E99
  • 85ACA7
  • 99B9B5
  • ADC7C4
  • C1D5D2
  • D6E3E1
  • EAF1F0

Sắc đậm

  • 286761
  • 215752
  • 1A4743
  • 133835
  • 0C2A27
  • 061C1A
  • 03100E
  • 010504
  • 000101

Sắc xám

  • 3B7872
  • 457974
  • 4D7A75
  • 557B77
  • 5D7C78
  • 657D7A
  • 6C7E7B
  • 737E7D
  • 797F7E

Hòa sắc

Bổ túc +180°

  • 307771

    Ivy

  • 8D5862

    ≈ Cabernet

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

  • 307771

    Ivy

  • 44765A

    ≈ Como

  • 327485

    ≈ Oceanic Metropolis

Bộ ba +120° +240°

  • 307771

    Ivy

  • 755F8A

    ≈ Super Violet

  • 85623B

    ≈ Barricade

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

  • 307771

    Ivy

  • 855A78

    ≈ Dusky Purple

  • 8E5B4C

    ≈ Red Curry

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

  • 307771

    Ivy

  • 606693

    ≈ Prime Purple

  • 8D5862

    ≈ Cabernet

  • 756A38

    ≈ Racoon Eyes

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

Ag

Trên nền trắng

WCAG 5.24:1 · APCA Lc 76

AA
Ag

Trên nền đen

WCAG 4.00:1 · APCA Lc 26

Fail

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

WCAG 5.24:1 (AA) · APCA Lc 76

Contrast pairs

  • #307771 / #FFFFFF
  • #307771 / #000000
  • #FFFFFF / #307771
  • #000000 / #307771

Đoạn mã

CSS

:root {
  --ivy: #307771;
  --ivy-rgb: 48 119 113;
  --ivy-oklch: oklch(0.523 0.071 187.6);
}

.element {
  color: var(--ivy);
  background-color: hsl(175 43% 33%);
  border-color: oklch(0.523 0.071 187.6);
}

Tailwind CSS v4

@theme {
  --color-ivy: #307771;
  --color-ivy-50: #dffcf9;
  --color-ivy-100: #cef0ed;
  --color-ivy-200: #b2dfdb;
  --color-ivy-300: #8dc4bf;
  --color-ivy-400: #6baca6;
  --color-ivy-500: #47968f;
  --color-ivy-600: #3d7e79;
  --color-ivy-700: #316560;
  --color-ivy-800: #224a46;
  --color-ivy-900: #173430;
  --color-ivy-950: #071f1d;
}

SCSS

$ivy: #307771;
$ivy-rgb: 48, 119, 113;
$ivy-light: mix(#fff, $ivy, 20%);
$ivy-dark: mix(#000, $ivy, 20%);

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

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

  • 317873

    Myrtle Green

  • 2E776D

    Iguaçuense Waterfall

  • 39766C

    Green Sleeves

  • 31796D

    Genoa

  • 33746B

    Imperial Dynasty

  • 277B74

    Ivy

  • 297B76

    Elm

  • 38796C

    Maturity

  • 2B797A

    Atoll

  • 357567

    Nominee

  • 377B70

    Pearl Green

  • 2C7C79

    Zirconia Teal

Palettes with similar colors

  • Pure Ivy RibbonTurquoise · Gray
  • Prismarine HorizonBlue · Gray
  • Pure Wizard’s Potion HorizonPink · 6 Colors
  • Green Sleeves QuartzTurquoise · Gray
  • Kale DuneGreen · 10 Colors
  • Steady Ivy ArchiveTurquoise · Gray

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