이름 색상 · #DFFF4F

Tennis Ball

Tennis Ball은(는) #DFFF4F: rgb(223 255 79), hsl(71 100% 65%), oklch(0.946 0.196 119.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Tennis Ball color name →

#DFFF4F

oklch(0.946 0.196 119.3)

색상 변환

HEX: #dfff4f
RGB: rgb(223 255 79)
HSL: hsl(71 100% 65%)
HWB: hwb(71 31% 0%)
OKLCH: oklch(0.946 0.196 119.3)
OKLab: oklab(0.946 -0.096 0.171)
CIE Lab: lab(95.4 -26.99 75.55)
LCH: lch(95.4 80.23 109.7)
CMYK: cmyk(13% 0% 69% 0%)

틴트 · 셰이드 · 톤

틴트

E2FF6A
E5FF80
E8FF93
EBFFA5
EEFFB5
F1FFC5
F5FFD4
F8FFE3
FCFFF1

셰이드

C2DE44
A5BE38
8A9E2E
6F8023
566319
3D4810
272E07
121602
020300

톤

D5F25B
CBE564
C1D86C
B7CB71
AEBE76
A4B279
9BA57C
92997E
898C7F

색 조화

보색 +180°

DFFF4F
Tennis Ball
F0E9FF
≈ Placebo Purple

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.13:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.55:1 · APCA Lc 99

AAA

가장 좋은 글자색: #000000

WCAG 18.55:1 (AAA) · APCA Lc 99

Contrast pairs

코드 스니펫

CSS

:root {
  --tennis-ball: #dfff4f;
  --tennis-ball-rgb: 223 255 79;
  --tennis-ball-oklch: oklch(0.946 0.196 119.3);
}

.element {
  color: var(--tennis-ball);
  background-color: hsl(71 100% 65%);
  border-color: oklch(0.946 0.196 119.3);
}

Tailwind CSS v4

@theme {
  --color-tennis-ball: #dfff4f;
  --color-tennis-ball-50: #ecffc0;
  --color-tennis-ball-100: #ddf3a9;
  --color-tennis-ball-200: #c7e17f;
  --color-tennis-ball-300: #a8c645;
  --color-tennis-ball-400: #93ad00;
  --color-tennis-ball-500: #7a9500;
  --color-tennis-ball-600: #677e00;
  --color-tennis-ball-700: #526500;
  --color-tennis-ball-800: #3f4900;
  --color-tennis-ball-900: #2b3300;
  --color-tennis-ball-950: #191e00;
}

SCSS

$tennis-ball: #dfff4f;
$tennis-ball-rgb: 223, 255, 79;
$tennis-ball-light: mix(#fff, $tennis-ball, 20%);
$tennis-ball-dark: mix(#000, $tennis-ball, 20%);

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

비슷한 이름 색상

도구에서 열기

피커 조합 대비 검사기 Studio JSON API