Nazwany kolor · #F6DB5D
Dilly Dally
Dilly Dally to #F6DB5D: rgb(246 219 93), hsl(49 89% 66%), oklch(0.891 0.146 97.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Dilly Dally color name →
#F6DB5D
oklch(0.891 0.146 97.2)
Konwersje koloru
- HEX
- #f6db5d
- RGB
- rgb(246 219 93)
- HSL
- hsl(49 89% 66%)
- HWB
- hwb(49 36% 4%)
- OKLCH
- oklch(0.891 0.146 97.2)
- OKLab
- oklab(0.891 -0.018 0.145)
- CIE Lab
- lab(87.94 -0.74 63.51)
- LCH
- lch(87.94 63.51 90.7)
- CMYK
- cmyk(0% 11% 62% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7DF72
- F8E385
- F9E796
- F9EAA6
- FAEEB6
- FBF2C5
- FCF5D4
- FDF8E2
- FEFCF1
Odcienie ciemniejsze
- D6BE50
- B7A243
- 988737
- 7B6D2A
- 5F541F
- 453C14
- 2C260A
- 151103
- 030200
Tony
- EAD264
- DDC96B
- D1BF70
- C5B674
- B9AD77
- ADA47A
- A29B7C
- 96927E
- 8B897F
Harmonie kolorów
Komplementarna +180°
- F6DB5D
Dilly Dally
- D2D8FF
≈ Icy Plains
Analogowa -30° +30°
- F6DB5D
Dilly Dally
- FFD2A3
≈ Affinity
- C0ED7F
≈ Venomous Sting
Triada +120° +240°
- F6DB5D
Dilly Dally
- 9AE9FF
≈ Winter Wizard
- FFC7EF
≈ Rosy Maple Moth
Komplementarna rozszczepiona +150° +210°
- F6DB5D
Dilly Dally
- BEDFFF
≈ Dithered Sky
- E7D0FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- F6DB5D
Dilly Dally
- 37FAEB
≈ Bright Aqua
- D2D8FF
≈ Icy Plains
- FFCBD4
≈ Sweet Sixteen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.20:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--dilly-dally: #f6db5d;
--dilly-dally-rgb: 246 219 93;
--dilly-dally-oklch: oklch(0.891 0.146 97.2);
}
.element {
color: var(--dilly-dally);
background-color: hsl(49 89% 66%);
border-color: oklch(0.891 0.146 97.2);
}Tailwind CSS v4
@theme {
--color-dilly-dally: #f6db5d;
--color-dilly-dally-50: #fff7c7;
--color-dilly-dally-100: #f4eab1;
--color-dilly-dally-200: #e3d68c;
--color-dilly-dally-300: #cab95a;
--color-dilly-dally-400: #b79e18;
--color-dilly-dally-500: #a28400;
--color-dilly-dally-600: #897000;
--color-dilly-dally-700: #6e5900;
--color-dilly-dally-800: #524100;
--color-dilly-dally-900: #392d00;
--color-dilly-dally-950: #241900;
}SCSS
$dilly-dally: #f6db5d;
$dilly-dally-rgb: 246, 219, 93;
$dilly-dally-light: mix(#fff, $dilly-dally, 20%);
$dilly-dally-dark: mix(#000, $dilly-dally, 20%);
.element {
color: $dilly-dally;
box-shadow: 0 0 0 2px rgba($dilly-dally, 0.35);
}