이름 색상 · #FFC4AE
Gadabout
Gadabout은(는) #FFC4AE: rgb(255 196 174), hsl(16 100% 84%), oklch(0.868 0.074 41.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Gadabout color name →
#FFC4AE
oklch(0.868 0.074 41.4)
색상 변환
- HEX
- #ffc4ae
- RGB
- rgb(255 196 174)
- HSL
- hsl(16 100% 84%)
- HWB
- hwb(16 68% 0%)
- OKLCH
- oklch(0.868 0.074 41.4)
- OKLab
- oklab(0.868 0.056 0.049)
- CIE Lab
- lab(84.17 19.58 19.65)
- LCH
- lch(84.17 27.74 45.1)
- CMYK
- cmyk(0% 23% 32% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCAB6
- FFD0BE
- FFD6C6
- FFDCCE
- FFE2D6
- FFE8DE
- FFEDE7
- FFF3EF
- FFF9F7
셰이드
- DEAA97
- BE9180
- 9E786A
- 806155
- 634A41
- 48352E
- 2E211C
- 160E0B
- 030201
톤
- F2BDA9
- E5B6A5
- D8AFA0
- CBA99C
- BEA297
- B29B93
- A5948E
- 998D89
- 8C8785
색 조화
보색 +180°
- FFC4AE
Gadabout
- 9CDFF6
≈ Non-Photo Blue
유사색 -30° +30°
- FFC4AE
Gadabout
- FFC1C7
≈ Piglet
- F3CC9E
≈ Capricious
삼각 배색 +120° +240°
- FFC4AE
Gadabout
- A8E3C4
≈ Reef Green
- CBCFFF
≈ Lavender Blue
분열 보색 +150° +210°
- FFC4AE
Gadabout
- 99E4DF
≈ Aqua Fiesta
- B4D7FF
≈ Malmö FF
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.75:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--gadabout: #ffc4ae;
--gadabout-rgb: 255 196 174;
--gadabout-oklch: oklch(0.868 0.074 41.4);
}
.element {
color: var(--gadabout);
background-color: hsl(16 100% 84%);
border-color: oklch(0.868 0.074 41.4);
}Tailwind CSS v4
@theme {
--color-gadabout: #ffc4ae;
--color-gadabout-50: #ffefe4;
--color-gadabout-100: #ffe1d4;
--color-gadabout-200: #f1cbbb;
--color-gadabout-300: #d9ac99;
--color-gadabout-400: #c5907c;
--color-gadabout-500: #b1755f;
--color-gadabout-600: #956451;
--color-gadabout-700: #785040;
--color-gadabout-800: #59392f;
--color-gadabout-900: #3e2720;
--color-gadabout-950: #27150f;
}SCSS
$gadabout: #ffc4ae;
$gadabout-rgb: 255, 196, 174;
$gadabout-light: mix(#fff, $gadabout, 20%);
$gadabout-dark: mix(#000, $gadabout, 20%);
.element {
color: $gadabout;
box-shadow: 0 0 0 2px rgba($gadabout, 0.35);
}