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

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

#AFB688

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

#AFB688 (rgb(175 182 136), hsl(69 24% 62%), oklch(0.759 0.063 115)) gần nhất với màu có tên Nile. 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 Yellow mean? →

#AFB688

oklch(0.759 0.063 115)

Chuyển đổi màu

HEX
#afb688
RGB
rgb(175 182 136)
HSL
hsl(69 24% 62%)
HWB
hwb(69 53% 29%)
OKLCH
oklch(0.759 0.063 115)
OKLab
oklab(0.759 -0.027 0.057)
CIE Lab
lab(72.6 -8.3 22.65)
LCH
lch(72.6 24.12 110.1)
CMYK
cmyk(4% 0% 25% 29%)

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

Sắc nhạt

  • B7BD94
  • BEC49F
  • C6CCAB
  • CED3B7
  • D6DAC3
  • DEE1CF
  • E6E9DB
  • EEF0E7
  • F7F8F3

Sắc đậm

  • 989E75
  • 818663
  • 6B6F52
  • 565941
  • 414431
  • 2E3022
  • 1C1D13
  • 0B0C06
  • 010201

Sắc xám

  • AAB187
  • A5AB87
  • A1A686
  • 9CA086
  • 979B85
  • 929584
  • 8E9083
  • 898B82
  • 858581

Hòa sắc

Bổ túc +180°

  • AFB688

    Nile

  • B3A9D5

    ≈ Grape Illusion

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

  • AFB688

    Nile

  • C3AE83

    ≈ Cliff Ridge

  • 98BC98

    ≈ Quiet Green

Bộ ba +120° +240°

  • AFB688

    Nile

  • 8AB8D4

    ≈ Simply Posh

  • D2A1B3

    ≈ Raspberry Smoothie

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

  • AFB688

    Nile

  • 9DB1DA

    ≈ Myrtle Flower

  • C6A3C7

    ≈ Stormy Sunrise

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

  • AFB688

    Nile

  • 80BDC4

    ≈ Cuttlefish

  • B3A9D5

    ≈ Grape Illusion

  • D6A29D

    ≈ Passive Pink

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

Ag

Trên nền trắng

WCAG 2.12:1 · APCA Lc 42

Fail
Ag

Trên nền đen

WCAG 9.86:1 · APCA Lc 61

AAA

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

WCAG 9.86:1 (AAA) · APCA Lc 61

Contrast pairs

  • #AFB688 / #FFFFFF
  • #AFB688 / #000000
  • #FFFFFF / #AFB688
  • #000000 / #AFB688

Đoạn mã

CSS

:root {
  --nile: #afb688;
  --nile-rgb: 175 182 136;
  --nile-oklch: oklch(0.759 0.063 115);
}

.element {
  color: var(--nile);
  background-color: hsl(69 24% 62%);
  border-color: oklch(0.759 0.063 115);
}

Tailwind CSS v4

@theme {
  --color-nile: #afb688;
  --color-nile-50: #f3f8e4;
  --color-nile-100: #e6ebd4;
  --color-nile-200: #d2d8ba;
  --color-nile-300: #b5bc98;
  --color-nile-400: #9da378;
  --color-nile-500: #858b5a;
  --color-nile-600: #70764d;
  --color-nile-700: #5a5e3d;
  --color-nile-800: #42452b;
  --color-nile-900: #2e301d;
  --color-nile-950: #1b1c0d;
}

SCSS

$nile: #afb688;
$nile-rgb: 175, 182, 136;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);

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

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

  • B1B787

    Lima Green

  • B0B487

    Winter Pear

  • B2B68A

    Sweet Grass

  • ACB78E

    Autumn Meadow

  • ABB486

    Great Green

  • B1B48C

    Sumptuous Sage

  • ABB790

    Casa Verde

  • ACBA8D

    Gardening

  • A8B989

    Grant Wood Ivy

  • B5B88D

    Secret Glade

  • B4B780

    Fancy Flirt

  • AFB982

    Nile

Palettes with this color

  • Steady Serrano Pepper TideGreen · Monochromatic

Palettes with similar colors

  • True Grasshopper KilnGreen · 5 Colors
  • Low Woodland Wonder StudioGreen · Nature
  • Green Tea DuneTrending · Green
  • True Jungle Look GardenGreen · Monochromatic
  • Dusk Zucchini MeadowGreen · Gray
  • Steady Verdant Leaf VaultGreen · 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