가장 가까운 이름 색상 · #F29085
#F29085
가장 가까운 이름 색상: Redolenc
#F29085(rgb(242 144 133), hsl(6 81% 74%), oklch(0.754 0.121 27.1))와 가장 가까운 이름 색상은 Redolenc입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F29085
oklch(0.754 0.121 27.1)
색상 변환
- HEX
- #f29085
- RGB
- rgb(242 144 133)
- HSL
- hsl(6 81% 74%)
- HWB
- hwb(6 52% 5%)
- OKLCH
- oklch(0.754 0.121 27.1)
- OKLab
- oklab(0.754 0.107 0.055)
- CIE Lab
- lab(70.3 37.13 22.66)
- LCH
- lch(70.3 43.5 31.4)
- CMYK
- cmyk(0% 40% 45% 5%)
틴트 · 셰이드 · 톤
틴트
- F59B91
- F7A79D
- F9B2A9
- FBBDB5
- FCC8C1
- FDD3CD
- FEDEDA
- FFE9E6
- FFF4F2
셰이드
- D27D73
- B46A61
- 965750
- 794540
- 5E3430
- 432421
- 2B1513
- 140706
- 030101
톤
- E78F85
- DC8E84
- D08C84
- C58B84
- BA8983
- AE8883
- A38682
- 988481
- 8C8281
색 조화
보색 +180°
- F29085
Redolenc
- 2DC4D6
≈ The Crowd Roars!
유사색 -30° +30°
- F29085
Redolenc
- EC8EB0
≈ Charm Pink
- E99A5F
≈ Topaz Yellow
삼각 배색 +120° +240°
- F29085
Redolenc
- 78C482
≈ Garden Stroll
- 8DACFC
≈ Kitten’s Eye
분열 보색 +150° +210°
- F29085
Redolenc
- 42C8AE
≈ Disc Jockey
- 5BBAF2
≈ Hello Summer
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.30:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.10:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--redolenc: #f29085;
--redolenc-rgb: 242 144 133;
--redolenc-oklch: oklch(0.754 0.121 27.1);
}
.element {
color: var(--redolenc);
background-color: hsl(6 81% 74%);
border-color: oklch(0.754 0.121 27.1);
}Tailwind CSS v4
@theme {
--color-redolenc: #f29085;
--color-redolenc-50: #ffe9e1;
--color-redolenc-100: #ffdad1;
--color-redolenc-200: #ffc1b7;
--color-redolenc-300: #efa094;
--color-redolenc-400: #dd8177;
--color-redolenc-500: #ca6359;
--color-redolenc-600: #aa544c;
--color-redolenc-700: #89433c;
--color-redolenc-800: #66302c;
--color-redolenc-900: #48201e;
--color-redolenc-950: #2e100e;
}SCSS
$redolenc: #f29085;
$redolenc-rgb: 242, 144, 133;
$redolenc-light: mix(#fff, $redolenc, 20%);
$redolenc-dark: mix(#000, $redolenc, 20%);
.element {
color: $redolenc;
box-shadow: 0 0 0 2px rgba($redolenc, 0.35);
}