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

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

#DCF6FD

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

#DCF6FD (rgb(220 246 253), hsl(193 89% 93%), oklch(0.956 0.029 215.7)) gần nhất với màu có tên Water. 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 Gray mean? →

#DCF6FD

oklch(0.956 0.029 215.7)

Chuyển đổi màu

HEX
#dcf6fd
RGB
rgb(220 246 253)
HSL
hsl(193 89% 93%)
HWB
hwb(193 86% 1%)
OKLCH
oklch(0.956 0.029 215.7)
OKLab
oklab(0.956 -0.023 -0.017)
CIE Lab
lab(95.14 -7.75 -6.4)
LCH
lch(95.14 10.05 219.6)
CMYK
cmyk(13% 3% 0% 1%)

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

Sắc nhạt

  • E0F7FD
  • E3F8FD
  • E7F9FE
  • EAFAFE
  • EEFBFE
  • F1FBFE
  • F5FCFE
  • F8FDFF
  • FCFEFF

Sắc đậm

  • BFD6DC
  • A3B7BC
  • 88989D
  • 6E7B7F
  • 545F62
  • 3C4547
  • 262C2D
  • 111516
  • 020303

Sắc xám

  • D2EAF0
  • C9DDE3
  • C0D1D6
  • B6C5C9
  • ADB9BD
  • A4AEB0
  • 9BA2A4
  • 929698
  • 898B8C

Hòa sắc

Bổ túc +180°

  • DCF6FD

    Water

  • FFECE7

    ≈ Peach Breeze

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

  • DCF6FD

    Water

  • DCF7F3

    ≈ Frosty Mint

  • E5F3FF

    ≈ Moon White

Bộ ba +120° +240°

  • DCF6FD

    Water

  • FEEAF8

    ≈ Strawberry Bonbon

  • F6F1DB

    ≈ Cream Filling

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

  • DCF6FD

    Water

  • FFEBEE

    ≈ Just Pink Enough

  • FFEDDD

    ≈ Enokitake Mushroom

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

  • DCF6FD

    Water

  • F5EDFF

    ≈ Placebo Fuchsia

  • FFECE7

    ≈ Peach Breeze

  • ECF4E0

    ≈ Morning Frost

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

Ag

Trên nền trắng

WCAG 1.12:1 · APCA Lc 0

Fail
Ag

Trên nền đen

WCAG 18.64:1 · APCA Lc 99

AAA

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

WCAG 18.64:1 (AAA) · APCA Lc 99

Contrast pairs

  • #DCF6FD / #FFFFFF
  • #DCF6FD / #000000
  • #FFFFFF / #DCF6FD
  • #000000 / #DCF6FD

Đoạn mã

CSS

:root {
  --water: #dcf6fd;
  --water-rgb: 220 246 253;
  --water-oklch: oklch(0.956 0.029 215.7);
}

.element {
  color: var(--water);
  background-color: hsl(193 89% 93%);
  border-color: oklch(0.956 0.029 215.7);
}

Tailwind CSS v4

@theme {
  --color-water: #dcf6fd;
  --color-water-50: #edf7fb;
  --color-water-100: #deeaee;
  --color-water-200: #c7d8dc;
  --color-water-300: #a8bbc1;
  --color-water-400: #8ca3a9;
  --color-water-500: #718b92;
  --color-water-600: #60767c;
  --color-water-700: #4d5e63;
  --color-water-800: #374548;
  --color-water-900: #263032;
  --color-water-950: #141c1e;
}

SCSS

$water: #dcf6fd;
$water-rgb: 220, 246, 253;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);

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

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

  • DEF7FE

    Glacial Day

  • E0F6FB

    Coastal Breeze

  • D7F5F6

    Fishious Rend

  • DFF1FD

    Wizard White

  • E8F5FC

    Kodama White

  • E8F7FD

    Clear Skies

  • E8F4F7

    Milky Way

  • D8F1F4

    Let It Snow

  • D4F1F9

    Water

  • E1F2F0

    Bone-Chilling

  • EAF4FC

    Moon White

  • E2F7F1

    Frosty Mint

Palettes with this color

  • True Cruising LedgerBlue · Cold

Palettes with similar colors

  • Classic Mediterranean Sea SignalBlue · Cold
  • Classic Glacier MirrorBlue · Gray
  • Bleu Ciel EmberBlue · Cold
  • Pure Laguna ArchiveBlue · Cold
  • Steady Loch Ness DuneViolet · Cold
  • Pure Ahoy! Blue LedgerBlue · 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