Nazwany kolor · #FFC7B0
Antique Coral
Antique Coral to #FFC7B0: rgb(255 199 176), hsl(17 100% 85%), oklch(0.874 0.072 43.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Antique Coral color name →
#FFC7B0
oklch(0.874 0.072 43.4)
Konwersje koloru
- HEX
- #ffc7b0
- RGB
- rgb(255 199 176)
- HSL
- hsl(17 100% 85%)
- HWB
- hwb(17 69% 0%)
- OKLCH
- oklch(0.874 0.072 43.4)
- OKLab
- oklab(0.874 0.052 0.049)
- CIE Lab
- lab(84.91 18.27 19.61)
- LCH
- lch(84.91 26.8 47)
- CMYK
- cmyk(0% 22% 31% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFCDB8
- FFD2C0
- FFD8C8
- FFDED0
- FFE3D7
- FFE9DF
- FFEEE7
- FFF4EF
- FFF9F7
Odcienie ciemniejsze
- DEAD99
- BE9382
- 9E7A6C
- 806256
- 634C42
- 48362E
- 2E211C
- 160E0B
- 030201
Tony
- F2C0AB
- E5B9A6
- D8B1A2
- CBAA9D
- BEA398
- B29C93
- A5958E
- 998E8A
- 8C8785
Harmonie kolorów
Komplementarna +180°
- FFC7B0
Antique Coral
- A1E0F8
≈ Ganon Blue
Analogowa -30° +30°
- FFC7B0
Antique Coral
- FFC4C8
≈ Pink and Sleek
- F3CFA2
≈ Tequila
Triada +120° +240°
- FFC7B0
Antique Coral
- AAE5C8
≈ Fabulous Find
- CFD1FF
≈ Pale Phthalo Blue
Komplementarna rozszczepiona +150° +210°
- FFC7B0
Antique Coral
- 9DE5E3
≈ Everest
- B9D9FF
≈ Broad Daylight
Tetrada +90° +180° +270°
- FFC7B0
Antique Coral
- C3E0B0
≈ Bowling Green
- A1E0F8
≈ Ganon Blue
- E6C8F7
≈ Wisteria Powder
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.04:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--antique-coral: #ffc7b0;
--antique-coral-rgb: 255 199 176;
--antique-coral-oklch: oklch(0.874 0.072 43.4);
}
.element {
color: var(--antique-coral);
background-color: hsl(17 100% 85%);
border-color: oklch(0.874 0.072 43.4);
}Tailwind CSS v4
@theme {
--color-antique-coral: #ffc7b0;
--color-antique-coral-50: #ffefe5;
--color-antique-coral-100: #fee1d5;
--color-antique-coral-200: #f0cbbb;
--color-antique-coral-300: #d8ad99;
--color-antique-coral-400: #c3917c;
--color-antique-coral-500: #af775f;
--color-antique-coral-600: #946551;
--color-antique-coral-700: #765041;
--color-antique-coral-800: #583a2f;
--color-antique-coral-900: #3d2820;
--color-antique-coral-950: #27160f;
}SCSS
$antique-coral: #ffc7b0;
$antique-coral-rgb: 255, 199, 176;
$antique-coral-light: mix(#fff, $antique-coral, 20%);
$antique-coral-dark: mix(#000, $antique-coral, 20%);
.element {
color: $antique-coral;
box-shadow: 0 0 0 2px rgba($antique-coral, 0.35);
}