이름 색상 · #D7BB80
Honeymoon
Honeymoon은(는) #D7BB80: rgb(215 187 128), hsl(41 52% 67%), oklch(0.803 0.083 85.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Honeymoon color name →
#D7BB80
oklch(0.803 0.083 85.2)
색상 변환
- HEX
- #d7bb80
- RGB
- rgb(215 187 128)
- HSL
- hsl(41 52% 67%)
- HWB
- hwb(41 50% 16%)
- OKLCH
- oklch(0.803 0.083 85.2)
- OKLab
- oklab(0.803 0.007 0.083)
- CIE Lab
- lab(77.31 4.4 33.77)
- LCH
- lch(77.31 34.05 82.6)
- CMYK
- cmyk(0% 13% 40% 16%)
틴트 · 셰이드 · 톤
틴트
- DBC28D
- DFC99A
- E3CFA7
- E7D6B3
- EBDDC0
- EFE4CD
- F3EBD9
- F7F1E6
- FBF8F2
셰이드
- BBA26E
- 9F8A5D
- 85734D
- 6B5C3D
- 52462E
- 3B321F
- 251F12
- 110D06
- 020201
톤
- CEB581
- C5AF81
- BCA982
- B3A382
- AB9D82
- A29782
- 999282
- 918C81
- 888681
색 조화
보색 +180°
- D7BB80
Honeymoon
- A5BEF5
≈ Pastel Blue
유사색 -30° +30°
- D7BB80
Honeymoon
- E9B18B
≈ Trick or Treat
- BCC587
≈ Misty Valley
삼각 배색 +120° +240°
- D7BB80
Honeymoon
- 7ACED8
≈ Summer of ’82
- DBACDC
≈ Barely Bloomed
분열 보색 +150° +210°
- D7BB80
Honeymoon
- 89C8ED
≈ Fish Pond
- C2B4EF
≈ Purple Sand
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.30:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--honeymoon: #d7bb80;
--honeymoon-rgb: 215 187 128;
--honeymoon-oklch: oklch(0.803 0.083 85.2);
}
.element {
color: var(--honeymoon);
background-color: hsl(41 52% 67%);
border-color: oklch(0.803 0.083 85.2);
}Tailwind CSS v4
@theme {
--color-honeymoon: #d7bb80;
--color-honeymoon-50: #fff4db;
--color-honeymoon-100: #f4e7c9;
--color-honeymoon-200: #e3d3ac;
--color-honeymoon-300: #cab587;
--color-honeymoon-400: #b59b64;
--color-honeymoon-500: #9f8241;
--color-honeymoon-600: #876e38;
--color-honeymoon-700: #6c582c;
--color-honeymoon-800: #50401f;
--color-honeymoon-900: #382c14;
--color-honeymoon-950: #221906;
}SCSS
$honeymoon: #d7bb80;
$honeymoon-rgb: 215, 187, 128;
$honeymoon-light: mix(#fff, $honeymoon, 20%);
$honeymoon-dark: mix(#000, $honeymoon, 20%);
.element {
color: $honeymoon;
box-shadow: 0 0 0 2px rgba($honeymoon, 0.35);
}