이름 색상 · #D4FB79
Honeydew Peel
Honeydew Peel은(는) #D4FB79: rgb(212 251 121), hsl(78 94% 73%), oklch(0.934 0.163 123.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Honeydew Peel color name →
#D4FB79
oklch(0.934 0.163 123.4)
색상 변환
- HEX
- #d4fb79
- RGB
- rgb(212 251 121)
- HSL
- hsl(78 94% 73%)
- HWB
- hwb(78 47% 2%)
- OKLCH
- oklch(0.934 0.163 123.4)
- OKLab
- oklab(0.934 -0.09 0.136)
- CIE Lab
- lab(93.87 -27.22 57.03)
- LCH
- lch(93.87 63.19 115.5)
- CMYK
- cmyk(16% 0% 52% 2%)
틴트 · 셰이드 · 톤
틴트
- D8FC89
- DCFC98
- E1FDA7
- E5FEB4
- E9FEC1
- EDFECE
- F2FFDB
- F6FFE7
- FBFFF3
셰이드
- B8DA68
- 9DBA58
- 839C48
- 697E39
- 51612B
- 3A461D
- 242D10
- 101505
- 020301
톤
- CBEE7C
- C3E27F
- BAD580
- B1C982
- A9BC82
- A1B083
- 98A483
- 909882
- 888C81
색 조화
보색 +180°
- D4FB79
Honeydew Peel
- EEE3FF
≈ Lavender Savour
유사색 -30° +30°
- D4FB79
Honeydew Peel
- FFE89D
≈ First Tulip
- AFFFC7
≈ Neo Mint
삼각 배색 +120° +240°
- D4FB79
Honeydew Peel
- D6ECFF
≈ Cloudless
- FFE0E7
≈ Pink Pleasure
분열 보색 +150° +210°
- D4FB79
Honeydew Peel
- E2E8FF
≈ Cyber Lavender
- FFDDF8
≈ Strawberry Frost
사각 배색 +90° +180° +270°
- D4FB79
Honeydew Peel
- C1F3FF
≈ Heaven’s Gate
- EEE3FF
≈ Lavender Savour
- FFE2DB
≈ Lady Anne
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.17:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.87:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--honeydew-peel: #d4fb79;
--honeydew-peel-rgb: 212 251 121;
--honeydew-peel-oklch: oklch(0.934 0.163 123.4);
}
.element {
color: var(--honeydew-peel);
background-color: hsl(78 94% 73%);
border-color: oklch(0.934 0.163 123.4);
}Tailwind CSS v4
@theme {
--color-honeydew-peel: #d4fb79;
--color-honeydew-peel-50: #eafecc;
--color-honeydew-peel-100: #dbf2b7;
--color-honeydew-peel-200: #c4e194;
--color-honeydew-peel-300: #a4c665;
--color-honeydew-peel-400: #8cad2e;
--color-honeydew-peel-500: #729600;
--color-honeydew-peel-600: #607f00;
--color-honeydew-peel-700: #4d6500;
--color-honeydew-peel-800: #3a4a00;
--color-honeydew-peel-900: #283300;
--color-honeydew-peel-950: #161f00;
}SCSS
$honeydew-peel: #d4fb79;
$honeydew-peel-rgb: 212, 251, 121;
$honeydew-peel-light: mix(#fff, $honeydew-peel, 20%);
$honeydew-peel-dark: mix(#000, $honeydew-peel, 20%);
.element {
color: $honeydew-peel;
box-shadow: 0 0 0 2px rgba($honeydew-peel, 0.35);
}