이름 색상 · #F2AEB1
Brain Pink
Brain Pink은(는) #F2AEB1: rgb(242 174 177), hsl(357 72% 82%), oklch(0.815 0.08 16). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Brain Pink color name →
#F2AEB1
oklch(0.815 0.08 16)
색상 변환
- HEX
- #f2aeb1
- RGB
- rgb(242 174 177)
- HSL
- hsl(357 72% 82%)
- HWB
- hwb(357 68% 5%)
- OKLCH
- oklch(0.815 0.08 16)
- OKLab
- oklab(0.815 0.077 0.022)
- CIE Lab
- lab(77.74 25.91 8.89)
- LCH
- lch(77.74 27.4 18.9)
- CMYK
- cmyk(0% 28% 27% 5%)
틴트 · 셰이드 · 톤
틴트
- F4B6B9
- F6BEC0
- F7C6C8
- F9CED0
- FAD6D7
- FBDFDF
- FDE7E7
- FEEFEF
- FEF7F7
셰이드
- D29799
- B48083
- 966A6C
- 795557
- 5E4142
- 432E2F
- 2B1C1C
- 140B0C
- 030101
톤
- E6A9AC
- DBA5A7
- CFA0A2
- C49C9D
- B99798
- AD9393
- A28E8E
- 97898A
- 8B8585
색 조화
보색 +180°
- F2AEB1
Brain Pink
- 81D3D4
≈ Belize
유사색 -30° +30°
- F2AEB1
Brain Pink
- EAAECE
≈ Roses in the Snow
- EFB397
≈ Posh Peach
삼각 배색 +120° +240°
- F2AEB1
Brain Pink
- ACCF9B
≈ Relaxation Green
- A1C5F6
≈ Sail to the Sea
분열 보색 +150° +210°
- F2AEB1
Brain Pink
- 90D4B7
≈ Larimar Green
- 89CEEA
≈ Afternoon Sky
사각 배색 +90° +180° +270°
- F2AEB1
Brain Pink
- C9C68A
≈ Tyrant Skull
- 81D3D4
≈ Belize
- BEBCF5
≈ Purple Illusion
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.46:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--brain-pink: #f2aeb1;
--brain-pink-rgb: 242 174 177;
--brain-pink-oklch: oklch(0.815 0.08 16);
}
.element {
color: var(--brain-pink);
background-color: hsl(357 72% 82%);
border-color: oklch(0.815 0.08 16);
}Tailwind CSS v4
@theme {
--color-brain-pink: #f2aeb1;
--color-brain-pink-50: #ffedec;
--color-brain-pink-100: #ffdede;
--color-brain-pink-200: #f5c7c7;
--color-brain-pink-300: #dea7a8;
--color-brain-pink-400: #c98b8e;
--color-brain-pink-500: #b57074;
--color-brain-pink-600: #995f62;
--color-brain-pink-700: #7b4c4e;
--color-brain-pink-800: #5b373a;
--color-brain-pink-900: #402528;
--color-brain-pink-950: #281416;
}SCSS
$brain-pink: #f2aeb1;
$brain-pink-rgb: 242, 174, 177;
$brain-pink-light: mix(#fff, $brain-pink, 20%);
$brain-pink-dark: mix(#000, $brain-pink, 20%);
.element {
color: $brain-pink;
box-shadow: 0 0 0 2px rgba($brain-pink, 0.35);
}