Colore con nome · #F6DD34
Angel’s Trumpet
Angel’s Trumpet è #F6DD34: rgb(246 221 52), hsl(52 92% 58%), oklch(0.892 0.173 100.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Angel’s Trumpet color name →
#F6DD34
oklch(0.892 0.173 100.2)
Conversioni di colore
- HEX
- #f6dd34
- RGB
- rgb(246 221 52)
- HSL
- hsl(52 92% 58%)
- HWB
- hwb(52 20% 4%)
- OKLCH
- oklch(0.892 0.173 100.2)
- OKLab
- oklab(0.892 -0.031 0.17)
- CIE Lab
- lab(88.23 -3.08 78.3)
- LCH
- lch(88.23 78.36 92.3)
- CMYK
- cmyk(0% 10% 79% 4%)
Tinte · Ombre · Toni
Tinte
- F7E157
- F8E570
- F8E886
- F9EC99
- FAEFAC
- FBF3BD
- FCF6CE
- FDF9DF
- FEFCEF
Ombre
- D6C02C
- B7A424
- 98881C
- 7B6E15
- 5F550E
- 453D07
- 2C2603
- 151101
- 030200
Toni
- EAD447
- DDCA54
- D1C15E
- C5B866
- B9AE6D
- ADA572
- A29C77
- 96937A
- 8B897E
Armonie di colore
Complementare +180°
- F6DD34
Angel’s Trumpet
- D4D8FF
≈ Icy Plains
Analogo -30° +30°
- F6DD34
Angel’s Trumpet
- FFD3A0
≈ Apricot Fool
- B4F26F
≈ Green Cow
Triadico +120° +240°
- F6DD34
Angel’s Trumpet
- A1E8FF
≈ Fresh Air
- FFC8EB
≈ Soulmate Pink
Complementare divisa +150° +210°
- F6DD34
Angel’s Trumpet
- C1DFFF
≈ Dithered Sky
- EACFFF
≈ Rose Dragée
Tetradico +90° +180° +270°
- F6DD34
Angel’s Trumpet
- 00FBF2
≈ Bright Aqua
- D4D8FF
≈ Icy Plains
- FFCCD2
≈ Fruit Bowl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.31:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.31:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--angel-s-trumpet: #f6dd34;
--angel-s-trumpet-rgb: 246 221 52;
--angel-s-trumpet-oklch: oklch(0.892 0.173 100.2);
}
.element {
color: var(--angel-s-trumpet);
background-color: hsl(52 92% 58%);
border-color: oklch(0.892 0.173 100.2);
}Tailwind CSS v4
@theme {
--color-angel-s-trumpet: #f6dd34;
--color-angel-s-trumpet-50: #fef8be;
--color-angel-s-trumpet-100: #f3eba7;
--color-angel-s-trumpet-200: #e2d77d;
--color-angel-s-trumpet-300: #c9ba42;
--color-angel-s-trumpet-400: #b79f00;
--color-angel-s-trumpet-500: #a28500;
--color-angel-s-trumpet-600: #897100;
--color-angel-s-trumpet-700: #6d5a00;
--color-angel-s-trumpet-800: #534100;
--color-angel-s-trumpet-900: #3a2d00;
--color-angel-s-trumpet-950: #241a00;
}SCSS
$angel-s-trumpet: #f6dd34;
$angel-s-trumpet-rgb: 246, 221, 52;
$angel-s-trumpet-light: mix(#fff, $angel-s-trumpet, 20%);
$angel-s-trumpet-dark: mix(#000, $angel-s-trumpet, 20%);
.element {
color: $angel-s-trumpet;
box-shadow: 0 0 0 2px rgba($angel-s-trumpet, 0.35);
}