이름 색상 · #FECDAC
Petticoat
Petticoat은(는) #FECDAC: rgb(254 205 172), hsl(24 98% 84%), oklch(0.883 0.071 55.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Petticoat color name →
#FECDAC
oklch(0.883 0.071 55.6)
색상 변환
- HEX
- #fecdac
- RGB
- rgb(254 205 172)
- HSL
- hsl(24 98% 84%)
- HWB
- hwb(24 67% 0%)
- OKLCH
- oklch(0.883 0.071 55.6)
- OKLab
- oklab(0.883 0.04 0.058)
- CIE Lab
- lab(86.17 14.57 23.39)
- LCH
- lch(86.17 27.55 58.1)
- CMYK
- cmyk(0% 19% 32% 0%)
틴트 · 셰이드 · 톤
틴트
- FED2B4
- FFD7BD
- FFDCC5
- FFE1CD
- FFE6D6
- FFEBDE
- FFF0E6
- FFF5EE
- FFFAF7
셰이드
- DDB295
- BD987F
- 9E7E69
- 806654
- 634E40
- 47382D
- 2D231B
- 160F0B
- 030201
톤
- F1C5A8
- E4BDA3
- D7B59F
- CAAE9B
- BEA696
- B19E92
- A5978D
- 988F89
- 8C8885
색 조화
보색 +180°
- FECDAC
Petticoat
- AEE0FF
≈ Droplet
유사색 -30° +30°
- FECDAC
Petticoat
- FFCAC4
≈ Caro
- EED6A3
≈ Astra
삼각 배색 +120° +240°
- FECDAC
Petticoat
- A7E8D6
≈ Sweet Aqua
- DBD1FF
≈ Pale Lavender
분열 보색 +150° +210°
- FECDAC
Petticoat
- A0E7EF
≈ Blizzard Blue
- C7D9FF
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
- FECDAC
Petticoat
- BCE6BD
≈ Mint Parfait
- AEE0FF
≈ Droplet
- F1C9F2
≈ Sugar High
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.54:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--petticoat: #fecdac;
--petticoat-rgb: 254 205 172;
--petticoat-oklch: oklch(0.883 0.071 55.6);
}
.element {
color: var(--petticoat);
background-color: hsl(24 98% 84%);
border-color: oklch(0.883 0.071 55.6);
}Tailwind CSS v4
@theme {
--color-petticoat: #fecdac;
--color-petticoat-50: #fff1e2;
--color-petticoat-100: #fbe3d1;
--color-petticoat-200: #eccdb7;
--color-petticoat-300: #d4af94;
--color-petticoat-400: #c09476;
--color-petticoat-500: #ab7a58;
--color-petticoat-600: #90674b;
--color-petticoat-700: #74523b;
--color-petticoat-800: #563c2b;
--color-petticoat-900: #3c291d;
--color-petticoat-950: #26170d;
}SCSS
$petticoat: #fecdac;
$petticoat-rgb: 254, 205, 172;
$petticoat-light: mix(#fff, $petticoat, 20%);
$petticoat-dark: mix(#000, $petticoat, 20%);
.element {
color: $petticoat;
box-shadow: 0 0 0 2px rgba($petticoat, 0.35);
}