이름 색상 · #E1B8B5
O Fortuna
O Fortuna은(는) #E1B8B5: rgb(225 184 181), hsl(4 42% 80%), oklch(0.818 0.048 23.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · O Fortuna color name →
#E1B8B5
oklch(0.818 0.048 23.1)
색상 변환
- HEX
- #e1b8b5
- RGB
- rgb(225 184 181)
- HSL
- hsl(4 42% 80%)
- HWB
- hwb(4 71% 12%)
- OKLCH
- oklch(0.818 0.048 23.1)
- OKLab
- oklab(0.818 0.044 0.019)
- CIE Lab
- lab(78.41 14.88 7.39)
- LCH
- lch(78.41 16.62 26.4)
- CMYK
- cmyk(0% 18% 20% 12%)
틴트 · 셰이드 · 톤
틴트
- E4BFBC
- E7C6C3
- EBCDCB
- EED4D2
- F1DBD9
- F4E2E1
- F7E9E8
- F9F1F0
- FCF8F7
셰이드
- C4A09D
- A78886
- 8B716F
- 705B59
- 564544
- 3E3130
- 271E1D
- 120C0C
- 020202
톤
- D7B2B0
- CDADAA
- C3A7A5
- B9A19F
- B09C9A
- A69695
- 9C9190
- 938B8A
- 898585
색 조화
보색 +180°
- E1B8B5
O Fortuna
- A0CDD1
≈ Sea Dew
유사색 -30° +30°
- E1B8B5
O Fortuna
- DDB7C6
≈ Kunzite
- DDBCA7
≈ Cinnamon Ice
삼각 배색 +120° +240°
- E1B8B5
O Fortuna
- B2CCB0
≈ Spring Fields
- B3C4E3
≈ Simply Sparkling
분열 보색 +150° +210°
- E1B8B5
O Fortuna
- A5CEC0
≈ Swimming Pool Green
- A6C9DE
≈ Sea Cliff
사각 배색 +90° +180° +270°
- E1B8B5
O Fortuna
- C3C7A4
≈ Rejuvenate
- A0CDD1
≈ Sea Dew
- C4BEE0
≈ Purple Dragon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.72:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.72:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--o-fortuna: #e1b8b5;
--o-fortuna-rgb: 225 184 181;
--o-fortuna-oklch: oklch(0.818 0.048 23.1);
}
.element {
color: var(--o-fortuna);
background-color: hsl(4 42% 80%);
border-color: oklch(0.818 0.048 23.1);
}Tailwind CSS v4
@theme {
--color-o-fortuna: #e1b8b5;
--color-o-fortuna-50: #fff0ee;
--color-o-fortuna-100: #f8e2e0;
--color-o-fortuna-200: #e8cdca;
--color-o-fortuna-300: #cfafab;
--color-o-fortuna-400: #b99491;
--color-o-fortuna-500: #a47a77;
--color-o-fortuna-600: #8a6765;
--color-o-fortuna-700: #6f5351;
--color-o-fortuna-800: #523c3b;
--color-o-fortuna-900: #392929;
--color-o-fortuna-950: #231716;
}SCSS
$o-fortuna: #e1b8b5;
$o-fortuna-rgb: 225, 184, 181;
$o-fortuna-light: mix(#fff, $o-fortuna, 20%);
$o-fortuna-dark: mix(#000, $o-fortuna, 20%);
.element {
color: $o-fortuna;
box-shadow: 0 0 0 2px rgba($o-fortuna, 0.35);
}