Adlandırılmış renk · #FDEFAD
Thunderbolt
Thunderbolt, #FDEFAD: rgb(253 239 173), hsl(50 95% 84%), oklch(0.948 0.085 97.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Thunderbolt color name →
#FDEFAD
oklch(0.948 0.085 97.6)
Renk dönüşümleri
- HEX
- #fdefad
- RGB
- rgb(253 239 173)
- HSL
- hsl(50 95% 84%)
- HWB
- hwb(50 68% 1%)
- OKLCH
- oklch(0.948 0.085 97.6)
- OKLab
- oklab(0.948 -0.011 0.084)
- CIE Lab
- lab(94.43 -2.16 33.82)
- LCH
- lch(94.43 33.89 93.7)
- CMYK
- cmyk(0% 6% 32% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FDF1B6
- FDF2BE
- FEF4C7
- FEF6CF
- FEF7D7
- FEF9DF
- FEFAE7
- FFFCEF
- FFFEF7
Koyu tonlar
- DCD096
- BCB17F
- 9D946A
- 7F7855
- 625C41
- 47422D
- 2D2A1B
- 16140B
- 030301
Gri tonlar
- F0E3A9
- E3D8A5
- D6CDA0
- C9C19C
- BCB698
- B0AB93
- A4A08E
- 98958A
- 8C8B85
Renk uyumları
Tamamlayıcı +180°
- FDEFAD
Thunderbolt
- E9EDFF
≈ Brilliant White
Analog -30° +30°
- FDEFAD
Thunderbolt
- FFEAD4
≈ Winter Morning
- DEF9BC
≈ Envious Pastel
Üçlü +120° +240°
- FDEFAD
Thunderbolt
- D2F5FF
≈ Water
- FFE5F7
≈ Bunny Tail
Bölünmüş tamamlayıcı +150° +210°
- FDEFAD
Thunderbolt
- E1F0FF
≈ Wizard White
- F4E9FF
≈ Placebo Purple
Dörtlü +90° +180° +270°
- FDEFAD
Thunderbolt
- B2FFF7
≈ Winter Meadow
- E9EDFF
≈ Brilliant White
- FFE7EA
≈ Porcelain Skin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 7
Ag
AAASiyah üzerinde
WCAG 18.12:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.12:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--thunderbolt: #fdefad;
--thunderbolt-rgb: 253 239 173;
--thunderbolt-oklch: oklch(0.948 0.085 97.6);
}
.element {
color: var(--thunderbolt);
background-color: hsl(50 95% 84%);
border-color: oklch(0.948 0.085 97.6);
}Tailwind CSS v4
@theme {
--color-thunderbolt: #fdefad;
--color-thunderbolt-50: #fbf6db;
--color-thunderbolt-100: #eee9c9;
--color-thunderbolt-200: #dcd6ac;
--color-thunderbolt-300: #c1b986;
--color-thunderbolt-400: #ac9f63;
--color-thunderbolt-500: #95863f;
--color-thunderbolt-600: #7e7237;
--color-thunderbolt-700: #655b2b;
--color-thunderbolt-800: #4b421e;
--color-thunderbolt-900: #342e13;
--color-thunderbolt-950: #201a05;
}SCSS
$thunderbolt: #fdefad;
$thunderbolt-rgb: 253, 239, 173;
$thunderbolt-light: mix(#fff, $thunderbolt, 20%);
$thunderbolt-dark: mix(#000, $thunderbolt, 20%);
.element {
color: $thunderbolt;
box-shadow: 0 0 0 2px rgba($thunderbolt, 0.35);
}