이름 색상 · #FFB3B1
Wildflower Bouquet
Wildflower Bouquet은(는) #FFB3B1: rgb(255 179 177), hsl(2 100% 85%), oklch(0.838 0.089 20.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Wildflower Bouquet color name →
#FFB3B1
oklch(0.838 0.089 20.8)
색상 변환
- HEX
- #ffb3b1
- RGB
- rgb(255 179 177)
- HSL
- hsl(2 100% 85%)
- HWB
- hwb(2 69% 0%)
- OKLCH
- oklch(0.838 0.089 20.8)
- OKLab
- oklab(0.838 0.083 0.032)
- CIE Lab
- lab(80.31 28.3 12.74)
- LCH
- lch(80.31 31.03 24.2)
- CMYK
- cmyk(0% 30% 31% 0%)
틴트 · 셰이드 · 톤
틴트
- FFBBB9
- FFC2C0
- FFCAC8
- FFD2D0
- FFD9D8
- FFE1DF
- FFE8E7
- FFF0EF
- FFF7F7
셰이드
- DE9B99
- BE8483
- 9E6E6C
- 805857
- 634342
- 482F2F
- 2E1D1C
- 160C0C
- 030101
톤
- F2AEAC
- E5A9A7
- D8A4A2
- CC9F9D
- BF9A98
- B29593
- A6908F
- 998A8A
- 8D8585
색 조화
보색 +180°
- FFB3B1
Wildflower Bouquet
- 7EDCE2
≈ Deep Aquamarine
유사색 -30° +30°
- FFB3B1
Wildflower Bouquet
- F8B2D1
≈ Fulgrim Pink
- FABA95
≈ Carotene
삼각 배색 +120° +240°
- FFB3B1
Wildflower Bouquet
- AAD9A2
≈ Cool Aloe
- ACCBFF
≈ Night Snow
분열 보색 +150° +210°
- FFB3B1
Wildflower Bouquet
- 8CDDC2
≈ Monet Vert
- 8CD5FA
≈ Kul Sharif Blue
사각 배색 +90° +180° +270°
- FFB3B1
Wildflower Bouquet
- CCD08B
≈ Sunken Treasure
- 7EDCE2
≈ Deep Aquamarine
- C9C1FF
≈ Lavender Tonic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.33:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--wildflower-bouquet: #ffb3b1;
--wildflower-bouquet-rgb: 255 179 177;
--wildflower-bouquet-oklch: oklch(0.838 0.089 20.8);
}
.element {
color: var(--wildflower-bouquet);
background-color: hsl(2 100% 85%);
border-color: oklch(0.838 0.089 20.8);
}Tailwind CSS v4
@theme {
--color-wildflower-bouquet: #ffb3b1;
--color-wildflower-bouquet-50: #ffece9;
--color-wildflower-bouquet-100: #ffddda;
--color-wildflower-bouquet-200: #f8c6c3;
--color-wildflower-bouquet-300: #e2a6a2;
--color-wildflower-bouquet-400: #ce8988;
--color-wildflower-bouquet-500: #ba6d6d;
--color-wildflower-bouquet-600: #9d5d5c;
--color-wildflower-bouquet-700: #7e4a49;
--color-wildflower-bouquet-800: #5e3536;
--color-wildflower-bouquet-900: #422425;
--color-wildflower-bouquet-950: #2a1314;
}SCSS
$wildflower-bouquet: #ffb3b1;
$wildflower-bouquet-rgb: 255, 179, 177;
$wildflower-bouquet-light: mix(#fff, $wildflower-bouquet, 20%);
$wildflower-bouquet-dark: mix(#000, $wildflower-bouquet, 20%);
.element {
color: $wildflower-bouquet;
box-shadow: 0 0 0 2px rgba($wildflower-bouquet, 0.35);
}