Adlandırılmış renk · #F6DB5D
Dilly Dally
Dilly Dally, #F6DB5D: rgb(246 219 93), hsl(49 89% 66%), oklch(0.891 0.146 97.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Dilly Dally color name →
#F6DB5D
oklch(0.891 0.146 97.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7DF72
- F8E385
- F9E796
- F9EAA6
- FAEEB6
- FBF2C5
- FCF5D4
- FDF8E2
- FEFCF1
Koyu tonlar
- D6BE50
- B7A243
- 988737
- 7B6D2A
- 5F541F
- 453C14
- 2C260A
- 151103
- 030200
Gri tonlar
- EAD264
- DDC96B
- D1BF70
- C5B674
- B9AD77
- ADA47A
- A29B7C
- 96927E
- 8B897F
Renk uyumları
Tamamlayıcı +180°
- F6DB5D
Dilly Dally
- D2D8FF
≈ Icy Plains
Analog -30° +30°
- F6DB5D
Dilly Dally
- FFD2A3
≈ Affinity
- C0ED7F
≈ Venomous Sting
Üçlü +120° +240°
- F6DB5D
Dilly Dally
- 9AE9FF
≈ Winter Wizard
- FFC7EF
≈ Rosy Maple Moth
Bölünmüş tamamlayıcı +150° +210°
- F6DB5D
Dilly Dally
- BEDFFF
≈ Dithered Sky
- E7D0FF
≈ Rose Dragée
Dörtlü +90° +180° +270°
- F6DB5D
Dilly Dally
- 37FAEB
≈ Bright Aqua
- D2D8FF
≈ Icy Plains
- FFCBD4
≈ Sweet Sixteen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.20:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}