이름 색상 · #EFA498
Peach Tile
Peach Tile은(는) #EFA498: rgb(239 164 152), hsl(8 73% 77%), oklch(0.788 0.091 29.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Peach Tile color name →
#EFA498
oklch(0.788 0.091 29.3)
색상 변환
- HEX
- #efa498
- RGB
- rgb(239 164 152)
- HSL
- hsl(8 73% 77%)
- HWB
- hwb(8 60% 6%)
- OKLCH
- oklch(0.788 0.091 29.3)
- OKLab
- oklab(0.788 0.08 0.045)
- CIE Lab
- lab(74.65 27.49 18.08)
- LCH
- lch(74.65 32.91 33.3)
- CMYK
- cmyk(0% 31% 36% 6%)
틴트 · 셰이드 · 톤
틴트
- F1ADA2
- F4B6AC
- F6BFB6
- F7C8C1
- F9D2CB
- FBDBD5
- FCE4E0
- FDEDEA
- FEF6F4
셰이드
- D08E84
- B17970
- 94645C
- 78504A
- 5C3D38
- 422B27
- 2A1A17
- 140A08
- 030101
톤
- E4A196
- D99D93
- CE9A91
- C2968F
- B7938C
- AC8F8A
- A18B87
- 968885
- 8B8483
색 조화
보색 +180°
- EFA498
Peach Tile
- 6DCADA
≈ Betsy
유사색 -30° +30°
- EFA498
Peach Tile
- EBA2B8
≈ Rose Elegance
- E6AC7E
≈ Melting Sunset
삼각 배색 +120° +240°
- EFA498
Peach Tile
- 90CB9A
≈ Frost Gum
- A2B8F6
≈ Truesky Gloxym
분열 보색 +150° +210°
- EFA498
Peach Tile
- 73CEBB
≈ Jolly Jade
- 82C2EF
≈ Wasurenagusa Blue
사각 배색 +90° +180° +270°
- EFA498
Peach Tile
- B3C37F
≈ Everglade Glen
- 6DCADA
≈ Betsy
- C2ADED
≈ Purple Sand
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.43:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--peach-tile: #efa498;
--peach-tile-rgb: 239 164 152;
--peach-tile-oklch: oklch(0.788 0.091 29.3);
}
.element {
color: var(--peach-tile);
background-color: hsl(8 73% 77%);
border-color: oklch(0.788 0.091 29.3);
}Tailwind CSS v4
@theme {
--color-peach-tile: #efa498;
--color-peach-tile-50: #ffece5;
--color-peach-tile-100: #ffddd5;
--color-peach-tile-200: #f9c7bd;
--color-peach-tile-300: #e2a79b;
--color-peach-tile-400: #cf8a7f;
--color-peach-tile-500: #bb6e62;
--color-peach-tile-600: #9e5d54;
--color-peach-tile-700: #7f4a42;
--color-peach-tile-800: #5e3631;
--color-peach-tile-900: #422521;
--color-peach-tile-950: #2a1310;
}SCSS
$peach-tile: #efa498;
$peach-tile-rgb: 239, 164, 152;
$peach-tile-light: mix(#fff, $peach-tile, 20%);
$peach-tile-dark: mix(#000, $peach-tile, 20%);
.element {
color: $peach-tile;
box-shadow: 0 0 0 2px rgba($peach-tile, 0.35);
}