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

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

#248181

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

#248181 (rgb(36 129 129), hsl(180 56% 32%), oklch(0.551 0.084 195)) gần nhất với màu có tên Teal. 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? →

#248181

oklch(0.551 0.084 195)

Chuyển đổi màu

HEX
#248181
RGB
rgb(36 129 129)
HSL
hsl(180 56% 32%)
HWB
hwb(180 14% 49%)
OKLCH
oklch(0.551 0.084 195)
OKLab
oklab(0.551 -0.081 -0.022)
CIE Lab
lab(48.84 -27.33 -8.24)
LCH
lch(48.84 28.54 196.8)
CMYK
cmyk(72% 0% 0% 49%)

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

Sắc nhạt

  • 418D8D
  • 589999
  • 6EA6A5
  • 83B2B2
  • 98BFBE
  • ACCBCB
  • C1D8D8
  • D5E5E5
  • EAF2F2

Sắc đậm

  • 1E6F6F
  • 185E5E
  • 124E4E
  • 0C3E3E
  • 072E2E
  • 041F1F
  • 021212
  • 000606
  • 000101

Sắc xám

  • 348181
  • 408181
  • 4A8181
  • 538181
  • 5C8181
  • 648180
  • 6B8180
  • 728180
  • 798080

Hòa sắc

Bổ túc +180°

  • 248181

    Teal

  • 9D5D62

    ≈ Pizza Pie

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

  • 248181

    Teal

  • 3C8166

    ≈ Bathing Beauty

  • 317C97

    ≈ Blue Rodeo

Bộ ba +120° +240°

  • 248181

    Teal

  • 846394

    ≈ Clematis

  • 8E6B36

    ≈ Mango Squash

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

  • 248181

    Teal

  • 955E7D

    ≈ Immortality

  • 9B6248

    ≈ Vintage Copper

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

  • 248181

    Teal

  • 6D6BA1

    ≈ Inner Journey

  • 9D5D62

    ≈ Pizza Pie

  • 797537

    ≈ Crocodile Style

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

Ag

Trên nền trắng

WCAG 4.63:1 · APCA Lc 72

AA
Ag

Trên nền đen

WCAG 4.53:1 · APCA Lc 30

AA

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

WCAG 4.63:1 (AA) · APCA Lc 72

Contrast pairs

  • #248181 / #FFFFFF
  • #248181 / #000000
  • #FFFFFF / #248181
  • #000000 / #248181

Đoạn mã

CSS

:root {
  --teal: #248181;
  --teal-rgb: 36 129 129;
  --teal-oklch: oklch(0.551 0.084 195);
}

.element {
  color: var(--teal);
  background-color: hsl(180 56% 32%);
  border-color: oklch(0.551 0.084 195);
}

Tailwind CSS v4

@theme {
  --color-teal: #248181;
  --color-teal-50: #dbfdfd;
  --color-teal-100: #c9f1f1;
  --color-teal-200: #abe0e0;
  --color-teal-300: #83c5c6;
  --color-teal-400: #5daeae;
  --color-teal-500: #309797;
  --color-teal-600: #2b8080;
  --color-teal-700: #226666;
  --color-teal-800: #174b4a;
  --color-teal-900: #0f3434;
  --color-teal-950: #02201f;
}

SCSS

$teal: #248181;
$teal-rgb: 36, 129, 129;
$teal-light: mix(#fff, $teal, 20%);
$teal-dark: mix(#000, $teal, 20%);

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

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

  • 318181

    Nero’s Green

  • 2D8284

    Kandinsky Turquoise

  • 268483

    Bayou

  • 247E81

    Jade Jewel

  • 018281

    Windows 95 Desktop

  • 008383

    Marine Teal

  • 008384

    Fanfare

  • 358082

    Green Blue Slate

  • 1B8188

    Riviera Sea

  • 00817F

    Belly Flop

  • 31837E

    Amazon Drift

  • 00827F

    Pond Bath

Palettes with similar colors

  • Classic Windows 95 Desktop DriftTrending · Blue
  • Hot Curry RibbonGreen · Warm
  • Pure Teal HorizonBlue · Cold
  • Pure Grizzly CanvasGreen · Warm
  • True Windows 95 Desktop BriefBlue · Cold
  • Pure Windows 95 Desktop SignalBlue · 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