이름 색상 · #FFC69E
Romantic
Romantic은(는) #FFC69E: rgb(255 198 158), hsl(25 100% 81%), oklch(0.868 0.084 56.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Romantic color name →
#FFC69E
oklch(0.868 0.084 56.4)
색상 변환
- HEX
- #ffc69e
- RGB
- rgb(255 198 158)
- HSL
- hsl(25 100% 81%)
- HWB
- hwb(25 62% 0%)
- OKLCH
- oklch(0.868 0.084 56.4)
- OKLab
- oklab(0.868 0.046 0.07)
- CIE Lab
- lab(84.38 17.21 28.31)
- LCH
- lch(84.38 33.13 58.7)
- CMYK
- cmyk(0% 22% 38% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCCA8
- FFD2B2
- FFD7BB
- FFDDC5
- FFE3CF
- FFE8D8
- FFEEE2
- FFF4EC
- FFF9F5
셰이드
- DEAC89
- BE9274
- 9E7A60
- 80624D
- 634B3A
- 483529
- 2E2118
- 160E09
- 030201
톤
- F2BF9B
- E5B899
- D8B196
- CBAA93
- BEA390
- B29C8D
- A5958A
- 998E87
- 8C8783
색 조화
보색 +180°
- FFC69E
Romantic
- A4DCFF
≈ Droplet
유사색 -30° +30°
- FFC69E
Romantic
- FFC2BB
≈ Impatiens Pink
- ECD093
≈ Honeydew Sand
삼각 배색 +120° +240°
- FFC69E
Romantic
- 96E6D2
≈ Neverland
- D8CAFF
≈ Foggy Heath
분열 보색 +150° +210°
- FFC69E
Romantic
- 8EE4EF
≈ Aqua Fiesta
- C0D3FF
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.82:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--romantic: #ffc69e;
--romantic-rgb: 255 198 158;
--romantic-oklch: oklch(0.868 0.084 56.4);
}
.element {
color: var(--romantic);
background-color: hsl(25 100% 81%);
border-color: oklch(0.868 0.084 56.4);
}Tailwind CSS v4
@theme {
--color-romantic: #ffc69e;
--color-romantic-50: #fff0de;
--color-romantic-100: #fee2cd;
--color-romantic-200: #f0ccb1;
--color-romantic-300: #d9ad8d;
--color-romantic-400: #c5926d;
--color-romantic-500: #b1774d;
--color-romantic-600: #956542;
--color-romantic-700: #785134;
--color-romantic-800: #593a25;
--color-romantic-900: #3e2819;
--color-romantic-950: #27160a;
}SCSS
$romantic: #ffc69e;
$romantic-rgb: 255, 198, 158;
$romantic-light: mix(#fff, $romantic, 20%);
$romantic-dark: mix(#000, $romantic, 20%);
.element {
color: $romantic;
box-shadow: 0 0 0 2px rgba($romantic, 0.35);
}