이름 색상 · #EFAC73
Catalina Tile
Catalina Tile은(는) #EFAC73: rgb(239 172 115), hsl(28 79% 69%), oklch(0.796 0.108 60.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Catalina Tile color name →
#EFAC73
oklch(0.796 0.108 60.7)
색상 변환
- HEX
- #efac73
- RGB
- rgb(239 172 115)
- HSL
- hsl(28 79% 69%)
- HWB
- hwb(28 45% 6%)
- OKLCH
- oklch(0.796 0.108 60.7)
- OKLab
- oklab(0.796 0.053 0.094)
- CIE Lab
- lab(75.96 20.74 39.39)
- LCH
- lch(75.96 44.52 62.2)
- CMYK
- cmyk(0% 28% 52% 6%)
틴트 · 셰이드 · 톤
틴트
- F1B482
- F3BD90
- F5C59E
- F7CEAC
- F9D6BA
- FADEC8
- FCE6D6
- FDEFE3
- FEF7F1
셰이드
- D09563
- B17F54
- 946945
- 785436
- 5C4028
- 422D1B
- 2A1B0F
- 140B05
- 030101
톤
- E4A875
- D8A477
- CD9F79
- C29B7B
- B7977C
- AC927D
- A18E7E
- 96897F
- 8B8580
색 조화
보색 +180°
- EFAC73
Catalina Tile
- 79C5FB
≈ Maya Blue
유사색 -30° +30°
- EFAC73
Catalina Tile
- FAA292
≈ Peach Amber
- D6BA67
≈ Tookie Bird
삼각 배색 +120° +240°
- EFAC73
Catalina Tile
- 62D3C0
≈ Jamaican Jade
- C8ACF7
≈ Teasel Dipsacus
분열 보색 +150° +210°
- EFAC73
Catalina Tile
- 5BCFE3
≈ Watercourse
- A3B9FF
≈ Truesky Gloxym
사각 배색 +90° +180° +270°
- EFAC73
Catalina Tile
- 88D098
≈ Fennel
- 79C5FB
≈ Maya Blue
- E4A3DD
≈ Plum Juice
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.81:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--catalina-tile: #efac73;
--catalina-tile-rgb: 239 172 115;
--catalina-tile-oklch: oklch(0.796 0.108 60.7);
}
.element {
color: var(--catalina-tile);
background-color: hsl(28 79% 69%);
border-color: oklch(0.796 0.108 60.7);
}Tailwind CSS v4
@theme {
--color-catalina-tile: #efac73;
--color-catalina-tile-50: #ffefd6;
--color-catalina-tile-100: #ffe1c4;
--color-catalina-tile-200: #f6cba5;
--color-catalina-tile-300: #dfac7d;
--color-catalina-tile-400: #cd8f5a;
--color-catalina-tile-500: #b97432;
--color-catalina-tile-600: #9c622c;
--color-catalina-tile-700: #7d4e23;
--color-catalina-tile-800: #5e3818;
--color-catalina-tile-900: #422710;
--color-catalina-tile-950: #2a1503;
}SCSS
$catalina-tile: #efac73;
$catalina-tile-rgb: 239, 172, 115;
$catalina-tile-light: mix(#fff, $catalina-tile, 20%);
$catalina-tile-dark: mix(#000, $catalina-tile, 20%);
.element {
color: $catalina-tile;
box-shadow: 0 0 0 2px rgba($catalina-tile, 0.35);
}