Adlandırılmış renk · #FFC283
Buttery
Buttery, #FFC283: rgb(255 194 131), hsl(30 100% 76%), oklch(0.856 0.106 66.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Buttery color name →
#FFC283
oklch(0.856 0.106 66.5)
Renk dönüşümleri
- HEX
- #ffc283
- RGB
- rgb(255 194 131)
- HSL
- hsl(30 100% 76%)
- HWB
- hwb(30 51% 0%)
- OKLCH
- oklch(0.856 0.106 66.5)
- OKLab
- oklab(0.856 0.042 0.097)
- CIE Lab
- lab(83.07 17.2 40.48)
- LCH
- lch(83.07 43.98 67)
- CMYK
- cmyk(0% 24% 49% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFC890
- FFCF9D
- FFD5AA
- FFDBB6
- FFE1C2
- FFE7CF
- FFEDDB
- FFF3E7
- FFF9F3
Koyu tonlar
- DEA871
- BE8F60
- 9E774F
- 80603F
- 63492F
- 483420
- 2E2012
- 160E06
- 030201
Gri tonlar
- F2BB84
- E5B584
- D8AE84
- CBA884
- BEA184
- B29A84
- A59483
- 998D82
- 8C8781
Renk uyumları
Tamamlayıcı +180°
- FFC283
Buttery
- A8D5FF
≈ Malmö FF
Analog -30° +30°
- FFC283
Buttery
- FFBEAB
≈ Porcellana
- E4D07D
≈ Starfruit
Üçlü +120° +240°
- FFC283
Buttery
- 74E6DB
≈ Turquoise Chalk
- DFC1FF
≈ Jane Purple
Bölünmüş tamamlayıcı +150° +210°
- FFC283
Buttery
- 75E1FC
≈ Athena Blue
- C3CCFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.29:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--buttery: #ffc283;
--buttery-rgb: 255 194 131;
--buttery-oklch: oklch(0.856 0.106 66.5);
}
.element {
color: var(--buttery);
background-color: hsl(30 100% 76%);
border-color: oklch(0.856 0.106 66.5);
}Tailwind CSS v4
@theme {
--color-buttery: #ffc283;
--color-buttery-50: #fff0d5;
--color-buttery-100: #ffe2c3;
--color-buttery-200: #f3cda4;
--color-buttery-300: #dcae7c;
--color-buttery-400: #c99257;
--color-buttery-500: #b5772d;
--color-buttery-600: #996528;
--color-buttery-700: #7b5020;
--color-buttery-800: #5b3a16;
--color-buttery-900: #40280e;
--color-buttery-950: #291502;
}SCSS
$buttery: #ffc283;
$buttery-rgb: 255, 194, 131;
$buttery-light: mix(#fff, $buttery, 20%);
$buttery-dark: mix(#000, $buttery, 20%);
.element {
color: $buttery;
box-shadow: 0 0 0 2px rgba($buttery, 0.35);
}