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

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

#338079

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

#338079 (rgb(51 128 121), hsl(175 43% 35%), oklch(0.55 0.076 187)) 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? →

#338079

oklch(0.55 0.076 187)

Chuyển đổi màu

HEX
#338079
RGB
rgb(51 128 121)
HSL
hsl(175 43% 35%)
HWB
hwb(175 20% 50%)
OKLCH
oklch(0.55 0.076 187)
OKLab
oklab(0.55 -0.075 -0.009)
CIE Lab
lab(48.72 -25.98 -3.67)
LCH
lch(48.72 26.24 188.1)
CMYK
cmyk(60% 0% 5% 50%)

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

Sắc nhạt

  • 4A8C86
  • 5F9992
  • 74A59F
  • 88B2AC
  • 9BBEBA
  • AFCBC7
  • C3D8D5
  • D7E5E3
  • EBF2F1

Sắc đậm

  • 2B6E68
  • 235D58
  • 1C4D48
  • 143D39
  • 0D2E2B
  • 071F1D
  • 031210
  • 010605
  • 000101

Sắc xám

  • 3E807A
  • 48807A
  • 50807B
  • 58807C
  • 5F807D
  • 66807D
  • 6D807E
  • 74807F
  • 7A807F

Hòa sắc

Bổ túc +180°

  • 338079

    Ivy

  • 985F6A

    ≈ Abra Cadabra

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

  • 338079

    Ivy

  • 4A7F60

    ≈ Sports Field Green

  • 357D8F

    ≈ Larkspur

Bộ ba +120° +240°

  • 338079

    Ivy

  • 7D6695

    ≈ Clematis

  • 90693F

    ≈ Spanish Leather

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

  • 338079

    Ivy

  • 8E6082

    ≈ Antique Fuchsia

  • 986252

    ≈ Ginger Gold

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

  • 338079

    Ivy

  • 666E9E

    ≈ Dusted Peri

  • 985F6A

    ≈ Abra Cadabra

  • 7E723B

    ≈ Trellis Climber

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

Ag

Trên nền trắng

WCAG 4.66:1 · APCA Lc 72

AA
Ag

Trên nền đen

WCAG 4.50:1 · APCA Lc 30

AA

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

WCAG 4.66:1 (AA) · APCA Lc 72

Contrast pairs

  • #338079 / #FFFFFF
  • #338079 / #000000
  • #FFFFFF / #338079
  • #000000 / #338079

Đoạn mã

CSS

:root {
  --ivy: #338079;
  --ivy-rgb: 51 128 121;
  --ivy-oklch: oklch(0.55 0.076 187);
}

.element {
  color: var(--ivy);
  background-color: hsl(175 43% 35%);
  border-color: oklch(0.55 0.076 187);
}

Tailwind CSS v4

@theme {
  --color-ivy: #338079;
  --color-ivy-50: #defdf9;
  --color-ivy-100: #ccf1ed;
  --color-ivy-200: #b0dfdb;
  --color-ivy-300: #8ac4bf;
  --color-ivy-400: #67ada6;
  --color-ivy-500: #40968f;
  --color-ivy-600: #387f79;
  --color-ivy-700: #2c6660;
  --color-ivy-800: #1f4b46;
  --color-ivy-900: #153430;
  --color-ivy-950: #061f1d;
}

SCSS

$ivy: #338079;
$ivy-rgb: 51, 128, 121;
$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ự

  • 31827B

    Apatite Blue

  • 31837E

    Amazon Drift

  • 398174

    Copper Mineral Green

  • 2F847C

    Celadon Green

  • 318181

    Nero’s Green

  • 2B8478

    Emerald Whispers

  • 1F7F76

    Geneva Green

  • 2C7C79

    Zirconia Teal

  • 43817A

    Bubble Turquoise

  • 358082

    Green Blue Slate

  • 217F74

    Elegant Silk

  • 158078

    Autumn Pine Green

Palettes with similar colors

  • Steady Backroom Ember LedgerGreen · 6 Colors
  • Pearl Green FogTurquoise · Gray
  • True Jade Jewel HarborTrending · Blue
  • Classic Jewel Weed NexusTurquoise · Cold
  • Pure Emerald Whispers NexusTurquoise · Gray
  • Steady Red Elegance BloomOrange · 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