Adlandırılmış renk · #FFA400
Yamabuki Gold
Yamabuki Gold, #FFA400: rgb(255 164 0), hsl(39 100% 50%), oklch(0.791 0.171 70.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Yamabuki Gold color name →
#FFA400
oklch(0.791 0.171 70.2)
Renk dönüşümleri
- HEX
- #ffa400
- RGB
- rgb(255 164 0)
- HSL
- hsl(39 100% 50%)
- HWB
- hwb(39 0% 0%)
- OKLCH
- oklch(0.791 0.171 70.2)
- OKLab
- oklab(0.791 0.058 0.161)
- CIE Lab
- lab(75.37 28.01 78.99)
- LCH
- lch(75.37 83.81 70.5)
- CMYK
- cmyk(0% 36% 100% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFAE3E
- FFB75B
- FFC174
- FFCA8A
- FFD39E
- FFDCB2
- FFE5C6
- FFEED9
- FFF6EC
Koyu tonlar
- DE8E00
- BE7900
- 9E6400
- 805000
- 633D00
- 482B00
- 2E1A00
- 160A00
- 030100
Gri tonlar
- F2A12C
- E59E3F
- D99B4D
- CC9758
- BF9461
- B39068
- A68C6F
- 998875
- 8D847B
Renk uyumları
Tamamlayıcı +180°
- FFA400
Yamabuki Gold
- 83C0FF
≈ Scenic Water
Analog -30° +30°
- FFA400
Yamabuki Gold
- FF9E7C
≈ Creamy Orange Blush
- D4BC00
≈ Mustard Flower
Üçlü +120° +240°
- FFA400
Yamabuki Gold
- 00D6CE
≈ Turquoise Panic
- D7A0FF
≈ Medium Lavender Magenta
Bölünmüş tamamlayıcı +150° +210°
- FFA400
Yamabuki Gold
- 00CFFA
≈ Tropical Turquoise
- ADB3FF
≈ Winterspring Lilac
Dörtlü +90° +180° +270°
- FFA400
Yamabuki Gold
- 26DB94
≈ Reptile Green
- 83C0FF
≈ Scenic Water
- FF8EDB
≈ Pink Delight
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.56:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--yamabuki-gold: #ffa400;
--yamabuki-gold-rgb: 255 164 0;
--yamabuki-gold-oklch: oklch(0.791 0.171 70.2);
}
.element {
color: var(--yamabuki-gold);
background-color: hsl(39 100% 50%);
border-color: oklch(0.791 0.171 70.2);
}Tailwind CSS v4
@theme {
--color-yamabuki-gold: #ffa400;
--color-yamabuki-gold-50: #ffeec0;
--color-yamabuki-gold-100: #ffdfa9;
--color-yamabuki-gold-200: #ffc880;
--color-yamabuki-gold-300: #eda847;
--color-yamabuki-gold-400: #dd8900;
--color-yamabuki-gold-500: #ca6a00;
--color-yamabuki-gold-600: #ab5a00;
--color-yamabuki-gold-700: #894800;
--color-yamabuki-gold-800: #673300;
--color-yamabuki-gold-900: #492300;
--color-yamabuki-gold-950: #2f1100;
}SCSS
$yamabuki-gold: #ffa400;
$yamabuki-gold-rgb: 255, 164, 0;
$yamabuki-gold-light: mix(#fff, $yamabuki-gold, 20%);
$yamabuki-gold-dark: mix(#000, $yamabuki-gold, 20%);
.element {
color: $yamabuki-gold;
box-shadow: 0 0 0 2px rgba($yamabuki-gold, 0.35);
}