Benannte Farbe · #F0F00F
Triforce
Triforce ist #F0F00F: rgb(240 240 15), hsl(60 88% 50%), oklch(0.925 0.2 109.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Triforce color name →
#F0F00F
oklch(0.925 0.2 109.7)
Farbumrechnungen
- HEX
- #f0f00f
- RGB
- rgb(240 240 15)
- HSL
- hsl(60 88% 50%)
- HWB
- hwb(60 6% 6%)
- OKLCH
- oklch(0.925 0.2 109.7)
- OKLab
- oklab(0.925 -0.068 0.188)
- CIE Lab
- lab(92.52 -14.95 88.09)
- LCH
- lch(92.52 89.35 99.6)
- CMYK
- cmyk(0% 0% 94% 6%)
Tints · Shades · Tones
Tints
- F1F24B
- F2F469
- F4F681
- F5F896
- F6F9AA
- F8FBBC
- FAFCCD
- FBFDDE
- FDFEEF
Shades
- D1D10B
- B2B208
- 959505
- 787803
- 5D5D02
- 434301
- 2A2A00
- 141400
- 030300
Tones
- E4E538
- D8D94B
- CDCE58
- C1C362
- B6B86A
- ABAC71
- A0A176
- 95967A
- 8A8B7D
Farbharmonien
Komplementär +180°
- F0F00F
Triforce
- E5E2FF
≈ Stoic White
Analog -30° +30°
- F0F00F
Triforce
- FFE2B2
≈ Sunstitch
- AEFF9B
≈ Lens Flare Green
Triadisch +120° +240°
- F0F00F
Triforce
- C8EDFF
≈ Blue Java Banana
- FFDAEA
≈ Mimi Pink
Geteilt komplementär +150° +210°
- F0F00F
Triforce
- D8E7FF
≈ Veiling Waterfalls
- F8DAFF
≈ Sugarpills
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.17:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--triforce: #f0f00f;
--triforce-rgb: 240 240 15;
--triforce-oklch: oklch(0.925 0.2 109.7);
}
.element {
color: var(--triforce);
background-color: hsl(60 88% 50%);
border-color: oklch(0.925 0.2 109.7);
}Tailwind CSS v4
@theme {
--color-triforce: #f0f00f;
--color-triforce-50: #f6fcb9;
--color-triforce-100: #e9efa0;
--color-triforce-200: #d7dd73;
--color-triforce-300: #bbc02c;
--color-triforce-400: #a8a600;
--color-triforce-500: #928d00;
--color-triforce-600: #7b7700;
--color-triforce-700: #635f00;
--color-triforce-800: #4b4500;
--color-triforce-900: #343000;
--color-triforce-950: #201c00;
}SCSS
$triforce: #f0f00f;
$triforce-rgb: 240, 240, 15;
$triforce-light: mix(#fff, $triforce, 20%);
$triforce-dark: mix(#000, $triforce, 20%);
.element {
color: $triforce;
box-shadow: 0 0 0 2px rgba($triforce, 0.35);
}