Color con nombre · #FFC265
Gold’s Great Touch
Gold’s Great Touch es #FFC265: rgb(255 194 101), hsl(36 100% 70%), oklch(0.852 0.13 76). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Gold’s Great Touch color name →
#FFC265
oklch(0.852 0.13 76)
Conversiones de color
- HEX
- #ffc265
- RGB
- rgb(255 194 101)
- HSL
- hsl(36 100% 70%)
- HWB
- hwb(36 40% 0%)
- OKLCH
- oklch(0.852 0.13 76)
- OKLab
- oklab(0.852 0.032 0.126)
- CIE Lab
- lab(82.76 15.49 54.7)
- LCH
- lch(82.76 56.85 74.2)
- CMYK
- cmyk(0% 24% 60% 0%)
Tintes · Sombras · Tonos
Tintes
- FFC877
- FFCF88
- FFD598
- FFDBA7
- FFE1B7
- FFE7C5
- FFEDD4
- FFF3E2
- FFF9F1
Sombras
- DEA857
- BE8F49
- 9E773C
- 80602F
- 634922
- 483417
- 2E200C
- 160E03
- 030200
Tonos
- F2BB6A
- E5B56F
- D8AE72
- CBA876
- BEA178
- B29B7B
- A5947C
- 998D7E
- 8C877F
Armonías de color
Complementario +180°
- FFC265
Gold’s Great Touch
- AFD1FF
≈ Ice Cold Stare
Análogo -30° +30°
- FFC265
Gold’s Great Touch
- FFBD9E
≈ Cream Puff
- DAD468
≈ Species
Triádico +120° +240°
- FFC265
Gold’s Great Touch
- 45E8EA
≈ Near Moon
- EAB8FF
≈ Euphoria
Complementario dividido +150° +210°
- FFC265
Gold’s Great Touch
- 85DCFF
≈ Tranquil Pool
- C9C8FF
≈ Innocent Snowdrop
Tetrádico +90° +180° +270°
- FFC265
Gold’s Great Touch
- 6EE9BB
≈ Onsen
- AFD1FF
≈ Ice Cold Stare
- FFB4DC
≈ Hot Aquarelle Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.15:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--gold-s-great-touch: #ffc265;
--gold-s-great-touch-rgb: 255 194 101;
--gold-s-great-touch-oklch: oklch(0.852 0.13 76);
}
.element {
color: var(--gold-s-great-touch);
background-color: hsl(36 100% 70%);
border-color: oklch(0.852 0.13 76);
}Tailwind CSS v4
@theme {
--color-gold-s-great-touch: #ffc265;
--color-gold-s-great-touch-50: #fff1cc;
--color-gold-s-great-touch-100: #ffe3b8;
--color-gold-s-great-touch-200: #f3ce95;
--color-gold-s-great-touch-300: #dcaf67;
--color-gold-s-great-touch-400: #ca9339;
--color-gold-s-great-touch-500: #b67700;
--color-gold-s-great-touch-600: #9a6500;
--color-gold-s-great-touch-700: #7c5100;
--color-gold-s-great-touch-800: #5d3a00;
--color-gold-s-great-touch-900: #412800;
--color-gold-s-great-touch-950: #291600;
}SCSS
$gold-s-great-touch: #ffc265;
$gold-s-great-touch-rgb: 255, 194, 101;
$gold-s-great-touch-light: mix(#fff, $gold-s-great-touch, 20%);
$gold-s-great-touch-dark: mix(#000, $gold-s-great-touch, 20%);
.element {
color: $gold-s-great-touch;
box-shadow: 0 0 0 2px rgba($gold-s-great-touch, 0.35);
}