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
홈/색상/#DFF7FF

가장 가까운 이름 색상 · #DFF7FF

#DFF7FF

가장 가까운 이름 색상: Water

#DFF7FF(rgb(223 247 255), hsl(195 100% 94%), oklch(0.961 0.027 219.8))와 가장 가까운 이름 색상은 Water입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? →

#DFF7FF

oklch(0.961 0.027 219.8)

색상 변환

HEX
#dff7ff
RGB
rgb(223 247 255)
HSL
hsl(195 100% 94%)
HWB
hwb(195 87% 0%)
OKLCH
oklch(0.961 0.027 219.8)
OKLab
oklab(0.961 -0.021 -0.017)
CIE Lab
lab(95.65 -6.94 -6.66)
LCH
lch(95.65 9.62 223.8)
CMYK
cmyk(13% 3% 0% 0%)

틴트 · 셰이드 · 톤

틴트

  • E2F8FF
  • E5F9FF
  • E9F9FF
  • ECFAFF
  • EFFBFF
  • F2FCFF
  • F6FDFF
  • F9FDFF
  • FCFEFF

셰이드

  • C2D7DE
  • A5B7BE
  • 8A999E
  • 6F7C80
  • 566063
  • 3D4548
  • 272C2E
  • 121516
  • 020303

톤

  • D5EAF2
  • CBDEE4
  • C2D2D7
  • B8C6CA
  • AEBABE
  • A5AEB1
  • 9CA2A4
  • 929798
  • 898B8C

색 조화

보색 +180°

  • DFF7FF

    Water

  • FFEEE8

    ≈ Strawberry Dust

유사색 -30° +30°

  • DFF7FF

    Water

  • DEF8F6

    ≈ Frosty Mint

  • E9F4FF

    ≈ Moon White

삼각 배색 +120° +240°

  • DFF7FF

    Water

  • FFECF8

    ≈ Partial Pink

  • F6F3DE

    ≈ Tapering Light

분열 보색 +150° +210°

  • DFF7FF

    Water

  • FFEDEF

    ≈ Translucent Unicorn

  • FFEFDF

    ≈ Axolotl

사각 배색 +90° +180° +270°

  • DFF7FF

    Water

  • F7EEFF

    ≈ Placebo Fuchsia

  • FFEEE8

    ≈ Strawberry Dust

  • ECF6E3

    ≈ Panache

대비 및 접근성

Ag

흰색 위

WCAG 1.11:1 · APCA Lc 0

Fail
Ag

검은색 위

WCAG 18.88:1 · APCA Lc 100

AAA

가장 좋은 글자색: #000000

WCAG 18.88:1 (AAA) · APCA Lc 100

Contrast pairs

  • #DFF7FF / #FFFFFF
  • #DFF7FF / #000000
  • #FFFFFF / #DFF7FF
  • #000000 / #DFF7FF

코드 스니펫

CSS

:root {
  --water: #dff7ff;
  --water-rgb: 223 247 255;
  --water-oklch: oklch(0.961 0.027 219.8);
}

.element {
  color: var(--water);
  background-color: hsl(195 100% 94%);
  border-color: oklch(0.961 0.027 219.8);
}

Tailwind CSS v4

@theme {
  --color-water: #dff7ff;
  --color-water-50: #edf7fb;
  --color-water-100: #dfeaee;
  --color-water-200: #c8d7dd;
  --color-water-300: #a9bbc1;
  --color-water-400: #8da3aa;
  --color-water-500: #738b93;
  --color-water-600: #61757c;
  --color-water-700: #4e5e63;
  --color-water-800: #384549;
  --color-water-900: #263032;
  --color-water-950: #151c1e;
}

SCSS

$water: #dff7ff;
$water-rgb: 223, 247, 255;
$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);
}

비슷한 이름 색상

  • DEF7FE

    Glacial Day

  • E0F6FB

    Coastal Breeze

  • E8F7FD

    Clear Skies

  • E8F5FC

    Kodama White

  • E8F4F7

    Milky Way

  • EAF4FC

    Moon White

  • DFF1FD

    Wizard White

  • EBF4FC

    Placebo Blue

  • E7FAFA

    Calm Waters

  • D7F5F6

    Fishious Rend

  • EBF6F7

    Indigo White

  • ECF3F9

    Insignia White

Palettes with this color

  • Classic Copacabana CircuitBlue · Cold

Palettes with similar colors

  • Steady Underwater Moonlight ArchiveBlue · Cold
  • Steady Swimmer NexusViolet · Cold
  • Muted Rich Black FogBlue · Gray
  • Magical Merlin DeltaViolet · Cold
  • Mediterranean Blue DriftViolet · Cold
  • Neptune BeaconViolet · Cold

도구에서 열기

피커조합대비 검사기StudioJSON 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