Nazwany kolor · #FFCA46
English Daisy
English Daisy to #FFCA46: rgb(255 202 70), hsl(43 100% 64%), oklch(0.864 0.154 86). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · English Daisy color name →
#FFCA46
oklch(0.864 0.154 86)
Konwersje koloru
- HEX
- #ffca46
- RGB
- rgb(255 202 70)
- HSL
- hsl(43 100% 64%)
- HWB
- hwb(43 27% 0%)
- OKLCH
- oklch(0.864 0.154 86)
- OKLab
- oklab(0.864 0.011 0.154)
- CIE Lab
- lab(84.46 10.33 69.52)
- LCH
- lch(84.46 70.28 81.6)
- CMYK
- cmyk(0% 21% 73% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD060
- FFD576
- FFDB8A
- FFE09C
- FFE6AE
- FFEBBE
- FFF0CF
- FFF5DF
- FFFAEF
Odcienie ciemniejsze
- DEAF3C
- BE9532
- 9E7C28
- 80641E
- 634D15
- 48370D
- 2E2205
- 160F02
- 030200
Tony
- F2C352
- E5BB5C
- D8B463
- CBAD6A
- BEA56F
- B19E74
- A59678
- 988F7B
- 8C887E
Harmonie kolorów
Komplementarna +180°
- FFCA46
English Daisy
- BED2FF
≈ Ice Cold Stare
Analogowa -30° +30°
- FFCA46
English Daisy
- FFC49B
≈ Orange Sherbet
- CDDE5D
≈ Chinese Green
Triada +120° +240°
- FFCA46
English Daisy
- 34ECFF
≈ Sparky Blue
- FEB5FF
≈ Strawberry Buttercream
Komplementarna rozszczepiona +150° +210°
- FFCA46
English Daisy
- A1DBFF
≈ Columbia Blue
- D6C9FF
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
- FFCA46
English Daisy
- 2FF3CE
≈ Bright Teal
- BED2FF
≈ Ice Cold Stare
- FFBCD4
≈ Cotton Candy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.78:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--english-daisy: #ffca46;
--english-daisy-rgb: 255 202 70;
--english-daisy-oklch: oklch(0.864 0.154 86);
}
.element {
color: var(--english-daisy);
background-color: hsl(43 100% 64%);
border-color: oklch(0.864 0.154 86);
}Tailwind CSS v4
@theme {
--color-english-daisy: #ffca46;
--color-english-daisy-50: #fff3c3;
--color-english-daisy-100: #fde6ad;
--color-english-daisy-200: #f0d186;
--color-english-daisy-300: #d8b251;
--color-english-daisy-400: #c79600;
--color-english-daisy-500: #b37b00;
--color-english-daisy-600: #976800;
--color-english-daisy-700: #795300;
--color-english-daisy-800: #5b3c00;
--color-english-daisy-900: #402900;
--color-english-daisy-950: #291700;
}SCSS
$english-daisy: #ffca46;
$english-daisy-rgb: 255, 202, 70;
$english-daisy-light: mix(#fff, $english-daisy, 20%);
$english-daisy-dark: mix(#000, $english-daisy, 20%);
.element {
color: $english-daisy;
box-shadow: 0 0 0 2px rgba($english-daisy, 0.35);
}