Nazwany kolor · #FADCA7
Rheingold
Rheingold to #FADCA7: rgb(250 220 167), hsl(38 89% 82%), oklch(0.907 0.076 81.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Rheingold color name →
#FADCA7
oklch(0.907 0.076 81.6)
Konwersje koloru
- HEX
- #fadca7
- RGB
- rgb(250 220 167)
- HSL
- hsl(38 89% 82%)
- HWB
- hwb(38 65% 2%)
- OKLCH
- oklch(0.907 0.076 81.6)
- OKLab
- oklab(0.907 0.011 0.075)
- CIE Lab
- lab(89.36 5.25 30.13)
- LCH
- lch(89.36 30.59 80.1)
- CMYK
- cmyk(0% 12% 33% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE0B0
- FBE3B9
- FCE7C2
- FCEACB
- FDEED4
- FDF1DC
- FEF5E5
- FEF8EE
- FFFCF6
Odcienie ciemniejsze
- D9BF91
- BAA37B
- 9B8866
- 7D6E52
- 61543E
- 463C2C
- 2D261A
- 15110A
- 030201
Tony
- EDD2A3
- E1C9A0
- D4C09C
- C8B698
- BBAD94
- AFA490
- A39B8C
- 979288
- 8C8984
Harmonie kolorów
Komplementarna +180°
- FADCA7
Rheingold
- D0E1FF
≈ Arc Light
Analogowa -30° +30°
- FADCA7
Rheingold
- FFD7C0
≈ Friendship
- E1E6AC
≈ Bit of Lime
Triada +120° +240°
- FADCA7
Rheingold
- A3F0F5
≈ Waterspout
- F8D0FF
≈ Sassy Pink
Komplementarna rozszczepiona +150° +210°
- FADCA7
Rheingold
- BCE8FF
≈ Blue Java Banana
- E0DBFF
≈ Transparent Blue
Tetrada +90° +180° +270°
- FADCA7
Rheingold
- ADF1DA
≈ Faint Clover
- D0E1FF
≈ Arc Light
- FFD2E4
≈ Poplar Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.86:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--rheingold: #fadca7;
--rheingold-rgb: 250 220 167;
--rheingold-oklch: oklch(0.907 0.076 81.6);
}
.element {
color: var(--rheingold);
background-color: hsl(38 89% 82%);
border-color: oklch(0.907 0.076 81.6);
}Tailwind CSS v4
@theme {
--color-rheingold: #fadca7;
--color-rheingold-50: #fff4dd;
--color-rheingold-100: #f4e6cc;
--color-rheingold-200: #e4d2b0;
--color-rheingold-300: #cab58b;
--color-rheingold-400: #b59a6a;
--color-rheingold-500: #a08149;
--color-rheingold-600: #876d3e;
--color-rheingold-700: #6c5732;
--color-rheingold-800: #503f23;
--color-rheingold-900: #382c17;
--color-rheingold-950: #221908;
}SCSS
$rheingold: #fadca7;
$rheingold-rgb: 250, 220, 167;
$rheingold-light: mix(#fff, $rheingold, 20%);
$rheingold-dark: mix(#000, $rheingold, 20%);
.element {
color: $rheingold;
box-shadow: 0 0 0 2px rgba($rheingold, 0.35);
}