Nazwany kolor · #EFAC73
Catalina Tile
Catalina Tile to #EFAC73: rgb(239 172 115), hsl(28 79% 69%), oklch(0.796 0.108 60.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Catalina Tile color name →
#EFAC73
oklch(0.796 0.108 60.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1B482
- F3BD90
- F5C59E
- F7CEAC
- F9D6BA
- FADEC8
- FCE6D6
- FDEFE3
- FEF7F1
Odcienie ciemniejsze
- D09563
- B17F54
- 946945
- 785436
- 5C4028
- 422D1B
- 2A1B0F
- 140B05
- 030101
Tony
- E4A875
- D8A477
- CD9F79
- C29B7B
- B7977C
- AC927D
- A18E7E
- 96897F
- 8B8580
Harmonie kolorów
Komplementarna +180°
- EFAC73
Catalina Tile
- 79C5FB
≈ Maya Blue
Analogowa -30° +30°
- EFAC73
Catalina Tile
- FAA292
≈ Peach Amber
- D6BA67
≈ Tookie Bird
Triada +120° +240°
- EFAC73
Catalina Tile
- 62D3C0
≈ Jamaican Jade
- C8ACF7
≈ Teasel Dipsacus
Komplementarna rozszczepiona +150° +210°
- EFAC73
Catalina Tile
- 5BCFE3
≈ Watercourse
- A3B9FF
≈ Truesky Gloxym
Tetrada +90° +180° +270°
- EFAC73
Catalina Tile
- 88D098
≈ Fennel
- 79C5FB
≈ Maya Blue
- E4A3DD
≈ Plum Juice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.81:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
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);
}