Nazwany kolor · #F7D60D
Tau Light Ochre
Tau Light Ochre to #F7D60D: rgb(247 214 13), hsl(52 94% 51%), oklch(0.877 0.18 97.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tau Light Ochre color name →
#F7D60D
oklch(0.877 0.18 97.7)
Konwersje koloru
- HEX
- #f7d60d
- RGB
- rgb(247 214 13)
- HSL
- hsl(52 94% 51%)
- HWB
- hwb(52 5% 3%)
- OKLCH
- oklch(0.877 0.18 97.7)
- OKLab
- oklab(0.877 -0.024 0.178)
- CIE Lab
- lab(86.47 0.11 84.37)
- LCH
- lch(86.47 84.37 89.9)
- CMYK
- cmyk(0% 13% 95% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8DB47
- F8DF65
- F9E47D
- FAE892
- FBECA6
- FBF0B9
- FCF4CB
- FDF8DD
- FEFBEE
Odcienie ciemniejsze
- D7BA0A
- B79E07
- 998405
- 7C6A03
- 605202
- 453B01
- 2C2500
- 151000
- 030200
Tony
- EACD35
- DEC547
- D2BC55
- C6B45F
- BAAB67
- AEA36E
- A29A74
- 969179
- 8B897D
Harmonie kolorów
Komplementarna +180°
- F7D60D
Tau Light Ochre
- CCD4FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F7D60D
Tau Light Ochre
- FFCC96
≈ Tangerine Silk
- B5EC5E
≈ Inchworm
Triada +120° +240°
- F7D60D
Tau Light Ochre
- 8DE6FF
≈ Winter Wizard
- FFC0EC
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- F7D60D
Tau Light Ochre
- B6DBFF
≈ Broad Daylight
- E5CAFF
≈ Lens Flare Pink
Tetrada +90° +180° +270°
- F7D60D
Tau Light Ochre
- 01F6E9
≈ Bright Aqua
- CCD4FF
≈ Pale Phthalo Blue
- FFC5CE
≈ Rubber Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.57:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.57:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--tau-light-ochre: #f7d60d;
--tau-light-ochre-rgb: 247 214 13;
--tau-light-ochre-oklch: oklch(0.877 0.18 97.7);
}
.element {
color: var(--tau-light-ochre);
background-color: hsl(52 94% 51%);
border-color: oklch(0.877 0.18 97.7);
}Tailwind CSS v4
@theme {
--color-tau-light-ochre: #f7d60d;
--color-tau-light-ochre-50: #fff7bc;
--color-tau-light-ochre-100: #f6eaa4;
--color-tau-light-ochre-200: #e6d678;
--color-tau-light-ochre-300: #cdb938;
--color-tau-light-ochre-400: #bc9d00;
--color-tau-light-ochre-500: #a78200;
--color-tau-light-ochre-600: #8d6f00;
--color-tau-light-ochre-700: #715800;
--color-tau-light-ochre-800: #554000;
--color-tau-light-ochre-900: #3c2c00;
--color-tau-light-ochre-950: #251900;
}SCSS
$tau-light-ochre: #f7d60d;
$tau-light-ochre-rgb: 247, 214, 13;
$tau-light-ochre-light: mix(#fff, $tau-light-ochre, 20%);
$tau-light-ochre-dark: mix(#000, $tau-light-ochre, 20%);
.element {
color: $tau-light-ochre;
box-shadow: 0 0 0 2px rgba($tau-light-ochre, 0.35);
}